layui富文本编辑器前端无法取值的解决方法
首先，需要简单说下layui这个框架，个人觉得属于那种比较好用的框架，包括他的极简流畅的弹框，很适合那种主要写后端的程序员和快速开发的团队
本期主要讲的是layui富文本编辑器这个东西，他的模式是在某个textarea的基础上建立了一个富文本编辑器，也就是说你填写在富文本编辑器的值其实是放在编辑器里面的，并没有放在之前的textarea中，你获取textarea的值的时候需要先把富文本编辑器的值同步到之前的textarea中，然后才能通过textarea获取对应的值
主要代码如下：
下图是通过浏览器生成的js样式：
通过上图可以发现目前富文本编辑器的值与创建的textarea的值没有关系
注意：我这里用的弹出框动态渲染来做的，不管是静态的还是动态的，一定要在富文本编辑器修饰完成之后才可以同步值，因为html他是按照从上到下的顺序来加载的
如图：需要再提交之前同步数据： layedit.sync(indexs);
indexs 这个参数是创建富文本编辑器后生成的索引，只有通过他才可以取出富文本编辑器的值，
如果跟我一样采用的是动态渲染最好把indexs定义成全局的，不然 在yes这个方法中是拿不到indexs的
然后就可以用id选择器的val()属性去获取了。
还有一点就是执行上传的 时候的返回值，一定要遵循他的规则：
"{\"code\":0,\"msg\":\"上传成功\",\"data\":{\"src\":\""+request.getContextPath() + "/upload/home/"+tempName+ "\"}}";
src后面的图片路径以自己的具体项目为主，这里仅供参考
具体内容可以去layui官方文档查看：http://www.layui.com/doc/modules/layedit.html
以上这篇layui富文本编辑器前端无法取值的解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
用js对上传的文件大小以及格式进行初步的判断，在服务端再进行一次判断（防止浏览器拒绝执行脚本文件)下面有个不错的方法大家可以参考下2013-11-11
这篇文章主要介绍了JS中bridge的原理与封装，文章围绕主题的相关资料展开详细的内容介绍，具有一定的参考价值，需要的小伙伴可以参考一下2022-06-06
一个从来没有接触过javascript的技术人员，几小时内就可以写出一个简单有用的程序代码;想写出高性能的代码，同样需要具备一个高级程序员的基本素养,javascript也是如此2013-01-01
为了做好导航菜单，有时候需要在菜单下拉的时候实现动画效果，所以这几天就研究了研究如何用js实现动画效果，实现动画核心要用到两个函数，一个是setTimeOut,另一个是setInterval2013-09-09
去年年底开发了一个手机站平台，遇到了很多坎，今天小编给大家分享下使用JS跳转手机站url的若干注意事项，需要的朋友参考下吧2017-10-10
本文通过实例代码给大家分享了基于js+jquery实现的注册信息验证功能，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-09-09
这篇文章主要为大家详细介绍了JavaScript实现跟随滚动缓冲运动广告框，页面左右两边跟随式广告框，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
Javascript Event事件中IE与标准DOM的比较
说是IE与DOM的比较，其实还是浏览器之间的比较，众多的浏览器中，IE独树一帜，并且占有大部分用户市场，后来的标准DOM虽然不少优点之处，但毕竟一般用户不关心也不知道这些，代码编写过程中，往往需要兼顾多个浏览器。2010-04-04
下面小编就为大家带来一篇不间断循环滚动效果的实例代码(必看篇)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要介绍了javaScript代码飘红报错看不懂？读完这篇文章再试试,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-08-08
最新评论