layui中富文本编辑器LayEdit使用教程

html部分:

<textarea id="demo"></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', 'span', '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使用教程 的全部内容, 来源链接: www.h5w3.com/116461.html

回到顶部