layui中富文本編輯器LayEdit的使用


     html部分:

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

js部分:
<script>
//編輯器
layui.use('layedit', function(){
var layedit = layui.layedit;
layedit.build('demo'); //建立編輯器
layedit.set({
//暴露layupload參數設置接口 --詳細查看layupload參數說明
uploadImage: {
url: '' //上傳接口url
,type: 'post' //默認post
}
, devmode: true
//插入代碼設置
, codeConfig: {
hide: true, //是否顯示編碼語言選擇框
default: 'javascript' //hide為true時的默認語言格式
}
, tool: [
'html', 'code', 'strong', 'underline', 'del', 'addhr', '|', 'fontFomatt', 'colorpicker', 'face'
, '|', 'left', 'center', 'right', '|', 'link', 'unlink','images', 'image_alt',
, '|', 'fullScreen'
]
,height: 500, //設置編輯器高度
});
});
</script>

取值:
var layedit = layui.layedit;
var index= layedit.build('demo',{

});
var content = layedit.getContent(index);  //獲取html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM