国际物流网站制作模板,公司备案可以做购物网站吗,那块做微信平台网站,ppt汇报模板下载layui 整合UEditor 百度编辑器
第一步#xff1a;下载百度编辑器并配置好路径
百度编辑器下载地址#xff1a;http://fex.baidu.com/ueditor/
第二步#xff1a;引入百度编辑器
代码如下#xff1a; div classlayui-form-item layui-form-text…layui 整合UEditor 百度编辑器
第一步下载百度编辑器并配置好路径
百度编辑器下载地址http://fex.baidu.com/ueditor/
第二步引入百度编辑器
代码如下 div classlayui-form-item layui-form-textlabel classlayui-form-label内容/labeldiv classlayui-input-block stylez-index: 100;textarea placeholder请输入内容 classlayui-textarea idcontainer namecontent styleheight:500px; width:700px; border:none/textarea/div/div!-- 配置文件 --script typetext/javascript charsetutf-8 src/static/ueditor/ueditor.config.js/script!-- 编辑器源码文件 --script typetext/javascript charsetutf-8 src/static/ueditor/ueditor.all.js/scriptscript typetext/javascript charsetutf-8 src/static/ueditor/lang/zh-cn/zh-cn.js/scriptscript//idcontainer是编辑器的选择器var ue UE.getEditor(container, {// ... 更多配置initialFrameHeight:400,autoHeight: false,autoHeightEnabled:false,autoFloatEnabled:false});/script
第三步提交表单部分
layui.use([form,layer, element,upload],function () {var $ layui.$,form layui.form,element layui.element,upload layui.upload,layer layui.layer;form.render();//提交form.on(submit(add), function(data){//更换编辑器内容data.field.content ue.getContent();$.ajax({type:post,url:{:url(addpost)},data:data.field,dataType:json,// beforeSend:function () {// loadIndex layer.load();// },success:function (data) {if (data.code 0) {// layer.close(loadIndex);layer.alert(data.msg, {icon: 2}, function (index) {layer.close(index);$(input[namedata.data]).val().focus();});} else if (data.code 1) {//layer.close(loadIndex);layer.alert(data.msg, {icon: 1}, function (index) {layer.close(index);var index2 parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引parent.layer.close(index2); //再执行关闭window.parent.location.hrefdata.url});}},error:function (xhr) {}})});}); 注意 提交表单前一定要替换content的内容为编辑器内容data.field.content ue.getContent(); 否则提交的表单 content 内容将会为空导致后端接收不到数据
