首先，我们需要简单谈谈layui的框架。个人觉得是一个比较好用的框架，包括他的极简流畅的框架，非常适合以写后端和快速开发团队为主的程序员

本期主要讲的是layui富文本编辑器。他的模式是基于某个textarea构建一个富文本编辑器，这意味着您在富文本编辑器中填充的值实际上是放在编辑器中的，而不是放在前一个textarea中。当您获取textarea的值时，您需要将富文本编辑器的值同步到上一个textarea，然后才能通过textarea获取相应的值。

主要代码如下：

下图是浏览器生成的js样式：

从上图可以发现，当前富文本编辑器的值与创建的textarea的值无关

注意：我在这里使用弹出框的动态呈现，无论是静态的还是动态的，并且我必须在富文本编辑器完成修改后同步这些值，因为html是按照从上到下的顺序加载的

如图，需要重新提交之前的同步数据：lay dit . sync(indexs)；

Indexs是创建富文本编辑器后生成的索引，只有通过它才能取出富文本编辑器的值。

如果你像我一样使用动态渲染，最好将索引定义为全局的，否则你不能在yes方法中获得索引

然后可以使用id选择器的val()属性来获取它。

还有一点就是上传时的返回值，你必须遵循他的规则：

{ ' code ' :0， ' msg ' : '上传成功 '， ' data ' : { ' src ' : ' ' request . getcontextpath()'/upload//

src背后的图片路径主要是基于自身的具体项目，仅供参考

具体内容可查看拉威官方文件：http://www.layui.com/doc/modules/layedit.html

以上解决了layui富文本编辑器前端取不到值的问题，都是边肖分享给大家的内容。希望能给大家一个参考，多支持我们。