1:首先根据官网文档https://www.layui.com/doc/modules/layedit.html
得知创建富文本很简单复制代码就好了
html:
textarea id=“demo” style=“display: none;”></textarea
js:
2: //建立编辑器
var layedit;
var layeditIndex;
layui.use(‘layedit’, function () {
layedit = layui.layedit;
layeditIndex = layedit.build(‘demo’, {
height: 300,
uploadImage: {
//这里如果需要图片的显示 需要自己写个图片的接口并返回出来就好了
url: "/AjaxData/upload.ashx"
}
});
});
3://提交代码
layui.use([‘form’, ‘layer’, ‘jquery’],
function () {
$ = layui.jquery;
var form = layui.form,
layer = layui.layer;
//监听提交
form.on(‘submit(add)’,
function (data) {
//获取富文本里面的值
var FuWenBen = layedit.getContent(layeditIndex);
alert(FuWenBen)
});
});
获取富文本值可以根据官方文档选择适合自己的方法 进行获取
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: 同上