layui富文本编辑器前端无法取值
来源:互联网 发布:手机新浪微博盗号软件 编辑:程序博客网 时间:2024/05/29 14:42
首先,需要简单说下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
阅读全文
0 0
- layui富文本编辑器前端无法取值
- layui-富文本编辑器
- layui富文本编辑器注意点
- layui源码详细分析系列之富文本编辑器模块
- Layui富文本编辑器图片上传接口(.NET C#)
- 前端入门-富文本编辑器(一)
- 前端入门-富文本编辑器(二)
- kindeditor富文本编辑器前端+后端实现
- 前端富文本编辑器ckeditor的使用
- LayUI富文本编辑器的使用--数据加载与编辑器创建的先后顺序
- kindEditer富文本编辑器从前端到后台完整经验
- 解决百度富文本编辑器无法上传视频的问题
- 富文本编辑器
- 富文本编辑器
- Web富文本编辑器
- Flex富文本编辑器
- 富文本编辑器
- 所见即所得富文本编辑器
- Head First 数据分析学习
- CAN 多于8字节的拆包组包协议
- WIN7通过mount挂载nfs配置root权限,解决不可写的问题
- react 跨域
- 自定义审核进度View
- layui富文本编辑器前端无法取值
- 实现滑动的7种方法
- linux中統計指定端口的連接數目
- CRC32校验原理及实现
- ubuntu16.04版本系统清理和美化
- ASP 图片处理工具类,生成缩略图
- javaweb发布安全几种方式
- Calendar类在Java中应用案例
- spring mvc 处理异常