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');
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章