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