首页 > 其他 > 详细

layui中富文本编辑器LayEdit的使用

时间:2020-03-18 16:33:32      阅读:338      评论:0      收藏:0      [点我收藏+]

     html部分:

<textarea id="demo" style="display: none;"></textarea>

js部分:
<script>
//编辑器
layui.use(‘layedit‘, function(){
var layedit = layui.layedit;
layedit.build(‘demo‘); //建立编辑器
layedit.set({
//暴露layupload参数设置接口 --详细查看layupload参数说明
uploadImage: {
url: ‘‘ //上传接口url
,type: ‘post‘ //默认post
}
, devmode: true
//插入代码设置
, codeConfig: {
hide: true, //是否显示编码语言选择框
default: ‘javascript‘ //hide为true时的默认语言格式
}
, tool: [
‘html‘, ‘code‘, ‘strong‘, ‘underline‘, ‘del‘, ‘addhr‘, ‘|‘, ‘fontFomatt‘, ‘colorpicker‘, ‘face‘
, ‘|‘, ‘left‘, ‘center‘, ‘right‘, ‘|‘, ‘link‘, ‘unlink‘,‘images‘, ‘image_alt‘,
, ‘|‘, ‘fullScreen‘
]
,height: 500, //设置编辑器高度
});
});
</script>

取值:
var layedit = layui.layedit;
var index= layedit.build(‘demo‘,{

});
var content = layedit.getContent(index);  //获取html

layui中富文本编辑器LayEdit的使用

原文:https://www.cnblogs.com/luqiang213917/p/12517146.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!