富文本編輯器-Layui.layedit

我的很喜歡 layui的編輯器，極簡風格，很適用於需求較少的「評論模塊」，體驗也很好，推薦給你們用；先看看有多簡潔

使用起來也很簡單

<-- 先導入文件庫-->

<link rel="stylesheet" href="../layui/css/layui.css">

<script src="../layui/layui.js"></script>

 

<-- body內加入 textarea id爲demo-->

<textarea id="demo" style="display: none;">

 把編輯器的初始內容放在這textarea便可

</textarea>

 

<-- js->

<script>

layui.use('layedit', function(){

var layedit = layui.layedit;

layedit.build('demo'); //創建編輯器

});

 

layedit.getContent(index) //獲取html

layedit.getText(index) // 獲取純文本

 

//你能夠自定義工具欄
layedit.build('LAY_demo2', {
tool: ['face', 'link', 'unlink', '|', 'left', 'center', 'right']
,height: 100
})

 

</script>

參考layui 官網：http://www.layui.com/doc/modules/layer.html

 

若是有幫助到您，望您打賞1元，已收到13位捐款