本文摘自PHP中文网,作者尚,侵删。

让layui支持wangEditor编辑器的方法:(推荐:layui使用教程)
wangEditor.min.js模块代码
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 | 比如引用一个123.js
"123.js" 基本配置编辑器模块代码如下
layui.config({
base: '../lib/wang/'
});
layui.define( function (exports) {
exports( 'wangeditor.min' , function (){
demo:demo
});
});
layui.use([ 'layer' , 'form' , 'wangeditor.min' ], function (){
var layer = layui.layer
,form = layui.form
,wang=layui.wangeditor( 'wang' );
wang.create();
var html = wang.$txt.html();
console.log(html);
});
|
<div class="wang" id="wang">这是编辑器哦</div>


1 2 3 4 5 6 7 8 9 10 11 12 | wang.config.uploadImgUrl = '../page/upload/upload.aspx '
wang.config.uploadImgFileName = 'file'
wang.config.uploadHeaders = { 'Accept' : 'text/x-json' };
------------成功返回-------------
直接输出图片路径地址:如 "/upload/xxxx.jpg"
------------成功返回-------------
error|返回的信息
|
下面简单介绍赋值编辑器内容,一般用到文章编辑
编辑页面
1 2 3 | <textarea class= "layui-textarea layui-hide//隐藏显示" name= "content" id= "content" >这里是数据库读取的文章内容</textarea>
var editorhtml=$( "#content" ).val()
wang.$txt.html(editorhtml);
|
完整代码:https://pan.baidu.com/s/1-cXiYUIgqUfIpZBopEimWg
以上就是让layui支持wangEditor编辑器的方法的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
让layui支持wangeditor编辑器的方法
用layui前端框架弹出form表单以及提交的方法
layui事件监听介绍
layui怎么实现删除数据
layui表单验证介绍
layui中layer的宽高怎么自定义设置?
layui怎么设置复选框
layui表格反转的一个简单实现方式
layui弹出层闪退解决
layui弹出层(open)的属性介绍
更多相关阅读请进入《layui》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » 让layui支持wangEditor编辑器的方法