2019-08-24 11:45:04 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
2019-11-03 07:26:59 +00:00
|
|
|
<title>layedit</title>
|
2019-08-24 11:45:04 +00:00
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
2019-08-27 07:10:13 +00:00
|
|
|
<link rel="stylesheet" href="../../css/oksub.css">
|
2019-08-24 11:45:04 +00:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2019-11-03 07:26:59 +00:00
|
|
|
<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>
|
2019-08-24 11:45:04 +00:00
|
|
|
</div>
|
2019-11-03 07:26:59 +00:00
|
|
|
<!--js逻辑-->
|
|
|
|
|
<script src="../../lib/layui/layui.js"></script>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
layui.use(["layedit"], function () {
|
|
|
|
|
let $ = layui.jquery;
|
|
|
|
|
let layedit = layui.layedit;
|
2019-08-24 11:45:04 +00:00
|
|
|
|
2019-11-03 07:26:59 +00:00
|
|
|
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>
|
2019-08-24 11:45:04 +00:00
|
|
|
</body>
|
|
|
|
|
</html>
|
