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');