当前位置: 首页 » 笔记 » layui富文本编辑器设置内容设置及取回

layui富文本编辑器设置内容设置及取回

零分笔记5,0642022-09-02 20:58

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)

END
零分站龄17年资深站长
一个喜欢折腾,却又折腾不出像样东西的,不会PHP的PHP程序员!
2513
文章
13
分类
3813
标签
3
友链
onlinelovesky317355746vipsever@vip.qq.com