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