layui富文本编辑器表单提交时内容为空的处理方法
关于layui富文本编辑器同步编辑器内容到textarea layedit.sync(index)
正常情况,初始化layui富文本编辑器后,添加的内容也可以正常接收处理,通过ajax添加到数据库中,但是在编辑修改的时候出现问题了:修改个别文字符号标点,提交后后台ajax回来的提示为内容未变化,也就是说刚才的修改操作提交的编辑器内容没有改变
代码如下:
<div class="layui-input-block"> <textarea id="content" name="content" autocomplete="off" lay-verify="content" placeholder="请输入内容" class="layui-textarea fly-editor" style="height: 100px;">{$content|default=''}</textarea> </div>
//富文本编辑器自定义工具栏 layedit.build('content', { tool: ['strong','italic','face','underline','del', 'link', 'unlink', '|', 'left', 'center', 'right','b'] ,height: 150 })
看了官方文档,也知道是数据异步提交未同步的原因,使用layedit.sync(index) 解决,但是就不知道怎么使用。在网上搜索了好长时间,尝试无数次失败后终于让我看到了阳光:
在<textarea>标签中加入lay-verify="content" 然后在form的表单自定义验证中加入如下代码即可
form.verify({ content: function(value) { return layedit.sync(index); } });
上面验证代码中有个index参数,需要在初始化富文本编辑器的时候设置下:
//富文本编辑器自定义工具栏 var index = layedit.build('content', { tool: ['strong','italic','face','underline','del', 'link', 'unlink', '|', 'left', 'center', 'right','b'] ,height: 150 })
经过上面两步,就可以解决异步提交layui富文本编辑器数据不同步的问题了
<script> var layedit , index; layui.use(['form' , 'layedit'], function(){ var form = layui.form() ; layedit = layui.layedit; layedit.set({ uploadImage: { url: '/topic/upload.html' //接口url ,type: 'post' //默认post } }); index = layedit.build('content',{tool: ['strong', 'italic','underline','del','|','left','center','right','|','link','unlink','face','image','|','code']}); //建立编辑器 }); }); </script>
评论(0)

友情提示:评论成功赠送5积分(每日前3次),刷评论扣8积分!
这些是最新的
- 尊云网站目录系统 ThinkPHP5网站分类目录程序 v2.1.210402
- H5塔罗牌占卜/爱情塔罗牌源码/塔罗牌源码/爱情塔罗php源码/星座算命感情财运
- 2021版win10激活工具kms
- 去除宝塔强制登陆绑定账号
- 一鸣惊人 手机轰炸,支持短信轰炸和电话轰炸
- 网赚宝 thinkphp5.1开发的广告点击系统 点金投资分红
- 快手点赞任务系统 抖音短视频点赞任务系统最新版 大转盘抽奖机器人全新UI微信爱点赞悬赏众人帮爱分享赚钱平台
- 幸~~运~~28(北~~京28)pc~~蛋~~蛋 开~~奖结果 彩cp票走势图 源码
- win10系统右键新建:state repository service占用CPU的解决方法
- 你知道CentOS Linux和CentOS Stream应该用哪个吗?
- 【学习版】TP5+VUE王者荣耀LOL刀塔电竞战队联赛事陪玩/代练系统
- 尊云网站分类目录程序本地截图配置说明
- 百家姓 PHP+MYSQL 百家姓/万家姓 SQL文件+PHP演示程序
- 大商创忘记admin密码的情况下如何修改或重置管理员密码?
- 全唐诗数据库 43030条唐诗 2528位古诗人 (.sql格式)
热门排行
- THINKPHP5+GatewayWorker+Workerman 开发在线客服系统
- 在手机浏览器网页中点击链接跳转到微信界面的方法
- 用NW.js(node-webkit)开发多平台的桌面客户端
- AdminTemplate 基于LayUI 2.4.5实现的网站后台管理模板
- CentOS 7安装shadowsock(一键安装脚本)
- PHP生成随机昵称/用户名
- 织梦(DEDECMS)微信支付接口 微信插件
- THINKPHP5网站分类目录程序 尊云网站目录系统
- 基于LayUI开发的 网站后台管理模板 BeginnerAdmin
- 尊云网站目录系统 ThinkPHP5网站分类目录程序 v2.1.210402
- 简洁清爽的会员中心模板
- layuiAdmin后台管理模板 Iframe版
- 响应式后台网站模板 - AMA.ADMIN
- LayUI 1.0.9 升级 至 LayUI 2.1.4 方法
- jQuery幸运大转盘抽奖活动代码