layui 第三方組件平臺

返回首頁 發(fā)布組件

[v1.20.4.4]在原有l(wèi)ayedit基礎(chǔ)上新增 1.html源碼模式 2.全屏 3.批量上傳圖片、插入視頻 4.字體顏色、背景色設(shè)置、段落格式設(shè)置 5.插入表格 6.右鍵修改圖片視頻、段落居中格式、刪除等功能 7.插入水平線hr 8.錨點(diǎn) 9.插入代碼和插入超鏈接拓展 10.插入自定義鏈接 11.簡單實(shí)現(xiàn)撤銷重做【不推薦使用】

更新:2020-8-15 創(chuàng)建:2018-11-19

文檔

預(yù)警:當(dāng)前版本有限支持IE內(nèi)核,修復(fù)時(shí)間未知、、、
最新版本v1.20.4.4已發(fā)布 https://gitee.com/KnifeZ/Kz.layedit/releases/v1.20.4.4

Tips: 請前往碼云下載

在原有l(wèi)ayedit基礎(chǔ)上新增
1.html源碼模式
2.全屏
3.批量上傳圖片、插入視頻
4.字體顏色、背景色設(shè)置、段落格式設(shè)置
5.插入表格
6.右鍵修改圖片視頻、段落居中格式、刪除等功能
7.插入水平線hr
8.錨點(diǎn)
9.插入代碼和插入超鏈接拓展
10.插入自定義鏈接
11.簡單實(shí)現(xiàn)撤銷重做【不推薦使用】

碼云預(yù)覽頁面:
http://knifez.gitee.io/kz.layedit/
上傳圖片視頻等功能需配置相應(yīng)后臺接口
我的碼云項(xiàng)目主頁- https://gitee.com/KnifeZ_Game

軟件架構(gòu)說明
HTML源碼模式 引用第三方插件ace,優(yōu)化源碼展示樣式。
引用ace編輯器僅保留了html源碼樣式和tomorrow主題,如有需要可自行更換

打包上傳比較麻煩,推薦碼云下載[嘻嘻]
更新日志v20.04.04
[修復(fù)] 刪除空元素報(bào)錯(cuò),原因?yàn)榕卸▓D片的條件設(shè)置錯(cuò)誤,已修正
v19.04.12
[修復(fù)#IVA7B] 插入表格后無法提交問題 感謝ftlh2005的反饋
v19.03.22
[修復(fù)] 多圖上傳設(shè)置寬高報(bào)錯(cuò)問題
V19.03.20
[修復(fù)] 當(dāng)p標(biāo)簽內(nèi)存在多張圖片時(shí)back鍵調(diào)用callDel刪除時(shí)始終獲取的是第一張圖片src的bug
[新增] del鍵刪除圖片調(diào)用callDel回調(diào)方法
V19.03.18
[修復(fù)] 粘貼圖片時(shí)錯(cuò)誤的粘貼到編輯器頂部而不是鼠標(biāo)光標(biāo)處
V19.03.02
[修復(fù)] 全屏下查看源代碼內(nèi)容過長時(shí)最后幾行看不到問題
[優(yōu)化] 全屏模式下背景色改為白色
V19.01.26
[修復(fù)] 監(jiān)聽事件container.tagName為undefined錯(cuò)誤 感謝yianyao的反饋
V19.01.25
[優(yōu)化] ctrl+b 加粗使用strong標(biāo)簽替換原版b標(biāo)簽
[修復(fù)] 段落格式 和 字體大小 可能出現(xiàn)點(diǎn)擊后即自動關(guān)閉的問題
V19.01.24
[優(yōu)化] 支持從word粘貼內(nèi)容保留格式,去除多余標(biāo)簽
V19.01.23
[移除] V19.01.22-beta-[3] 報(bào) 無法獲取圖片路徑 的提示,,不過原先會提示的圖片依舊無法從服務(wù)器刪除
[修復(fù)] 編輯器內(nèi)容為空時(shí)回車換行添加的標(biāo)簽為div,昨天更新時(shí)不小心覆蓋掉了、已修復(fù)為追加p標(biāo)簽
[修復(fù)] 圖片上傳寬高兼容%后設(shè)置無效問題 --感謝不愿意透露姓名的網(wǎng)友反饋 :smile:
V19.01.22-beta
[優(yōu)化] 圖片上傳寬高兼容%設(shè)置
[修復(fù)] 編輯器內(nèi)容為空時(shí)回車換行添加的標(biāo)簽為div
[測試] back退格鍵刪除圖片時(shí)調(diào)用callDel配置參數(shù)回調(diào)服務(wù)器刪除附件,需配置參數(shù) backDelImg:true (待刪除),目前不支持沒有p標(biāo)簽或其他元素包裹的img圖片刪除,會報(bào)無法獲取圖片路徑的彈出層,這是正常提示、、
V19.01.19 (感謝biancangming的反饋)
[修復(fù)] 粘貼圖片不調(diào)用uploadImage.done方法
[新增] 插入代碼配置codeConfig新增參數(shù) class,可根據(jù)需要自定義樣式,不填默認(rèn)為layui-code
V19.01.18
[修復(fù)] IR5LC 火狐瀏覽器菜單寬度異常問題
[新增] preview預(yù)覽樣式設(shè)置參數(shù) previewAttr,支出對預(yù)覽彈出層的area,offset參數(shù)設(shè)置,修改默認(rèn)值為area:['50%','100%'],offset:'r'。
[修復(fù)] 空編輯器插入視頻出現(xiàn)getRangeAt錯(cuò)誤和同步textarea異常問題
V19.01.16-beta
[優(yōu)化] 插入圖片時(shí)如果不填寫描述屬性和寬高時(shí),不再添加style="" alt="" 空屬性
[修復(fù)] 附件上傳沒有添加data和headers參數(shù),由于我個(gè)人不使用這兩個(gè)參數(shù)且測試時(shí)都時(shí)拿上傳圖片測試、、、所以未能測試出該問題,對因此造成困擾的人感到抱歉=.=
V19.01.10-beta
[修復(fù)] 取消回車/插入元素自動加p標(biāo)簽包裹,防止特殊情況下的段落異常,ul->li標(biāo)簽內(nèi)文字需p標(biāo)簽或span等包裹,否則回車會新建ul標(biāo)簽導(dǎo)致段落錯(cuò)亂
V19.01.05
[新增] 附件上傳自動插入編輯器設(shè)置 autoInsert, 添加設(shè)置參數(shù) uploadFiles{autoInsert:true} 即可選中文件上傳完之后自動插入編輯器,無需點(diǎn)確認(rèn)按鈕

安裝教程
index.html為示例文件,可供查看演示功能
將dist下文件layedit.js替換掉layui/lay/modules/layedit.js
正常調(diào)用layedit即可
        layui.use(['layedit', 'layer', 'jquery'], function () {
var $ = layui.jquery;
var layedit = layui.layedit;
layedit.set({
//暴露layupload參數(shù)設(shè)置接口 --詳細(xì)查看layupload參數(shù)說明
uploadImage: {
url: '/Attachment/LayUploadFile',
accept: 'image',
acceptMime: 'image/*',
exts: 'jpg|png|gif|bmp|jpeg',
size: '10240'
}
, uploadVideo: {
url: '/Attachment/LayUploadFile',
accept: 'video',
acceptMime: 'video/*',
exts: 'mp4|flv|avi|rm|rmvb',
size: '20480'
}
//右鍵刪除圖片/視頻時(shí)的回調(diào)參數(shù),post到后臺刪除服務(wù)器文件等操作,
//傳遞參數(shù):
//圖片: imgpath --圖片路徑
//視頻: filepath --視頻路徑 imgpath --封面路徑
, calldel: {
url: '/Attachment/DeleteFile'
}
//開發(fā)者模式 --默認(rèn)為false
, devmode: true
//插入代碼設(shè)置
, codeConfig: {
hide: true, //是否顯示編碼語言選擇框
default: 'javascript' //hide為true時(shí)的默認(rèn)語言格式
}
, tool: [
'html', 'code', 'strong', 'italic', 'underline', 'del', 'addhr', '|', 'fontFomatt', 'colorpicker', 'face'
, '|', 'left', 'center', 'right', '|', 'link', 'unlink',‘images’, 'image_alt', 'video', 'anchors'
, '|',‘table’, 'fullScreen'
]
, height: '90%'
});
var ieditor = layedit.build('layeditDemo');
})

下載

立即下載 去碼云下載
該擴(kuò)展組件由第三方用戶主動投遞,并由其自身進(jìn)行維護(hù),本站僅做收集。