layui富文字的使用注意事項以及拓展
阿新 • • 發佈:2020-07-31
一、引入layui.js檔案
二、初始化編輯器
PS:layedit.set() 方法必須要在初始化編輯器之前
`
layui.use(['layedit'], function () {
layedit = layui.layedit;
//設定圖片上傳
layedit.set({
uploadImage: {
url: '/ArticleManager/ExportFile', //介面url
type: 'post', //預設post
size: 2048,//檔案大小KB
//accept: '.jpg'
}
})
//初始化編輯器 editIndex = layedit.build('remarkEditor', { tool: ["strong", "italic", "underline", "del", "|", "left", "center", "right", "|", "face", "link", "unlink", "image"], height: 600, //設定編輯器高度 }); });//layui 結束 var editContent = $.trim(layedit.getContent(editIndex)); //取值 layedit.setContent(editIndex, data.Art_FullContent); //賦值
`
三、擴充套件 1、修改URL連結預設target="_blank"
找到 link: function (i) 方法,b.call()中去除target引數,這個是點選的時候賦值的
下面的引數把e.target 改成固定的 "_blank"就可以了
然後超連結彈框的方法 搜尋 title: "超連結" 就可以找到,然後註釋掉content內容中的 開啟方式的
本來想加一個顯示內容的input,用於顯示連線的文字內容,發現加上之後老是取不到值,不知道哪裡的問題,如果有知道的就評論說一下吧
後來直接先寫好文字,然後選中在點選連線進行繫結也是一樣的效果,就是麻煩了一點,將就用吧。。怪我太菜
2、預覽功能拓展
嘗試著搞了一下,還可以。。這個就是一個彈框就挺簡單