root
/
ok-admin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add:layedit

master
bobi 2019-11-03 15:26:59 +08:00
parent 67e4f443ca
commit ea550afe9f
1 changed files with 30 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
pages/txtedit/layedit.html
View File

@ -2,30 +2,41 @@
<html>
<head>
<meta charset="UTF-8">
<title>用户列表</title>
<title>layedit</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link rel="stylesheet" href="../../css/oksub.css">
</head>
<body>
<div class="ok-body">
<!--面包屑导航区域-->
<div class="ok-body-breadcrumb">
<span class="layui-breadcrumb">
<a><cite>首页</cite></a>
<a><cite>文本编辑</cite></a>
<a><cite>layedit</cite></a>
</span>
<a class="layui-btn layui-btn-sm" href="javascript:location.replace(location.href);" title="刷新">
<i class="layui-icon layui-icon-refresh"></i>
</a>
<div class="ok-body">
<textarea id="editor" style="display: none;">
<p>欢迎使用 <b>ok-admin v2.0</b> <a href="https://gitee.com/bobi1234/ok-admin" target="_blank">Link</a> </p>
</textarea>
<br/>
<button type="button" class="layui-btn" id="contentBtn">获取HTML内容</button>
<button type="button" class="layui-btn" id="textBtn">获取TEXT内容</button>
<button type="button" class="layui-btn" id="selectionBtn">获取选中文本内容</button>
</div>
</div>
<!--js逻辑-->
<script src="../../lib/layui/layui.js"></script>
<script type="text/javascript">
layui.use(["element"], function () {
<!--js逻辑-->
<script src="../../lib/layui/layui.js"></script>
<script type="text/javascript">
layui.use(["layedit"], function () {
let $ = layui.jquery;
let layedit = layui.layedit;
});
</script>
let index = layedit.build("editor");
$("#contentBtn").click(function () {
alert(layedit.getContent(index));
});
$("#textBtn").click(function () {
alert(layedit.getText(index));
});
$("#selectionBtn").click(function () {
alert(layedit.getSelection(index));
});
});
</script>
</body>
</html>