layui 富文本编辑器（layedit）

layedit

链接：https://www.layui.com/doc/modules/layedit.html

使用方法：

<textarea id="demo" style="display: none;"></textarea>
//html部分添加<textarea>标签
<script>
layui.use('layedit', function(){
  var layedit = layui.layedit;
  layedit.build('demo'); //建立编辑器  此刻会产生返回值，如需设置富文本编辑器中内容时 需要用一个变量接受其值。
});
</script>

layui-layedit基础的方法

方法名	描述
var index = layedit.build(id, options)	用于建立编辑器的核心方法index：即该方法返回的索引参数 id：实例元素（一般为textarea）的id值参数 options：编辑器的可配置项，下文会做进一步介绍
layedit.set(options)	设置编辑器的全局属性即上述build方法的options
layedit.getContent(index)	获得编辑器的内容参数 index：即执行layedit.build返回的值
layedit.getText(index)	获得编辑器的纯文本内容参数 index：同上
layedit.sync(index)	用于同步编辑器内容到textarea（一般用于异步提交）参数 index：同上
layedit.getSelection(index)	获取编辑器选中的文本参数 index：同上
layedit.setContent(index，contet，flage)	@param {[type]} index 编辑器索引 @param {[type]} content 要设置的内容 @param {[type]} flag 是否追加模式

编辑器属性设置：

layedit.build('id', {
  height: 180 //设置编辑器高度
});

属性	类型	描述
tool	Array	重新定制编辑器工具栏，如： tool: [‘link’, ‘unlink’, ‘face’]
hideTool	Array	不显示编辑器工具栏，一般用于隐藏默认配置的工具bar
height	Number	设定编辑器的初始高度
uploadImage	Object	设定图片上传接口，如：uploadImage: {url: ‘/upload/’, type: ‘post’}

富文本编辑器工具栏

设置方法：

layedit.build('id', {
  tool: ['left', 'center', 'right', '|', 'face']
});

全部参数：

tool: [
  'strong' //加粗
  ,'italic' //斜体
  ,'underline' //下划线
  ,'del' //删除线
  
  ,'|' //分割线
  
  ,'left' //左对齐
  ,'center' //居中对齐
  ,'right' //右对齐
  ,'link' //超链接
  ,'unlink' //清除链接
  ,'face' //表情
  ,'image' //插入图片
  ,'help' //帮助
]

原文链接：https://blog.csdn.net/a552966346/article/details/107715876