layui中使用umeditor富文本编辑器

layui与umeditor富文本编辑器

编辑器中提供了一个index.html页面，主要参考这个页面的提供的方法

1，下载umeditor编辑器

2，在需要使用的页面添加（根据自己实际路径）

引入：<link href="themes/default/css/umeditor.css" type="text/css" rel="stylesheet"><script type="text/javascript" src="third-party/jquery.min.js"></script><script type="text/javascript" charset="utf-8" src="umeditor.config.js"></script><script type="text/javascript" charset="utf-8" src="umeditor.min.js"></script><script type="text/javascript" src="lang/zh-cn/zh-cn.js"></script>

3，在需要使用的位置添加

富文本编辑器主体：<script type="text/plain" id="myEditor" style="width: 1028px;height: 240px;text-align: left;" ><p>&nbsp;&nbsp;</p> //标签里可以根据需要添加提示文字或空格</script>

4，实例化编辑器

不能少，否则编辑器不会显示：<script type="text/javascript">//实例化编辑器var um = UM.getEditor('myEditor').getContent();um.addListener('blur',function(){$('#focush2').html('编辑器失去焦点了')});um.addListener('focus',function(){$('#focush2').html('')});</script>

5，数据回显时，设置编辑器禁止编辑

var ue = UM.getEditor('myEditor');ue.setDisabled('fullscreen');