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> </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');
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：layui中使用umeditor富文本编辑器
转载请注明原文链接：layui中使用umeditor富文本编辑器
