layui富文本编辑器设置内容设置及取回
2021年9月,layui 官网发布公告称,layui 官网 2021 年 10 月 13 日 进行下线,届时,包括新版下载、文档和示例在内的所有框架日常维护工作,将全部迁移到 Github 和 Gitee。
在Gitee上也没有找到关于layui编辑器的相关文档,百度能找到了是一些之前的文档,能找到的一个比较完整的文档:layui富文本编辑器文档
别问为什么用layui富文本编辑器,只能说简洁,简单!不过后续如果需要用到编辑器,可能会放弃,文档说明等不太好找了!
基本代码:
<textarea id="demo" style="display: none;"></textarea>
<script>
layui.use('layedit', function(){
var layedit = layui.layedit;
layedit.build('demo'); //建立编辑器
});
</script>
比较完整,能基本满足使用的代码
<script>
layui.use(['layedit','form'], function(){
var layedit = layui.layedit,form=layui.form;
layedit.set({
uploadImage: {
url: '图片上传接口' //接口url
,type: 'post' //默认post
}
});
var index= layedit.build('content',{
height: 400
}); //建立编辑器
//自定义验证规则
form.verify({
content: function(value) {
// 将富文本编辑器的值同步到之前的textarea中
layedit.sync(index);
}
});
});
</script>
需要自己写图片保存,好了,问题来了,用JS赋值、获取编辑器内容,需要定义全局变量!在外部定义!主要定义两个layedit和index!
赋值:layedit.setContent(index,“内容”);
取值:layedit.getContent(index)