编辑富文本框

如何编辑富文本的方法:首先你要有layer的插件。不然就搞不了了。这些暂时不需要去控制器那边敲,只要在视图层弄就OK了
1、先声明一个变量 var.EditorNotice; 这个是富文本编辑器要用到的,如果你想还想要有别的附件的话可以自己加上去。
2、当然如果你没有保存layui的模块就没办法继续弄下去了,所以要var layer,layuiTable;保存这一类的模块用于全面布局的使用。
3、Emmmm,还有一个附件表格没有声明出来,tbFiles,这个是表格要用到的,如果你不想要那个表格也是可以的,只要删除相对应的代码就可以完成了。
4、开始初始化CKEDITOR富文本编辑器:editorNotice = CKEDITOR.replace(‘NoticeCountent’); (括号里边的是两个单引号,不是双引号,比较容易出错)。
5、我要说明一下,我现在敲的这个是有添加附件的文本,但下面还会有一个没有附件表格的文本,所以咯。。
6、Layui.use([‘table’, ‘layer’], function(),初始化附件的表格,如果layui.后面没有出来use也没啥子关系,毕竟我i也是这样的
7、layer = layui.layer, layuiTable = layui.table; 这就是在上面说到的全面布局的使用,用于附件:表格的渲染作用。
8、tabFiles = layuiTable.render,来自于附件表格的使用以及layui的全局使用。
编辑富文本框
文章图片

编辑富文本框
文章图片

【编辑富文本框】这些都是渲染表格的一些代码,虽然有些跑题了,但富文本框还是会有的
再来看一下没有下面附件的样子
编辑富文本框
文章图片

就是这样了

    推荐阅读