預(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: 請(qǐng)前往碼云下載

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

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

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

---

打包上傳比較麻煩，推薦碼云下載
更新日志v20.04.04
[修復(fù)] 刪除空元素報(bào)錯(cuò)，原因?yàn)榕卸▓D片的條件設(shè)置錯(cuò)誤，已修正
v19.04.12
[修復(fù)#IVA7B] 插入表格后無(wú)法提交問題 感謝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)容過長(zhǎng)時(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)擊后即自動(dòng)關(guān)閉的問題
V19.01.24
[優(yōu)化] 支持從word粘貼內(nèi)容保留格式，去除多余標(biāo)簽
V19.01.23
[移除] V19.01.22-beta-[3] 報(bào) 無(wú)法獲取圖片路徑 的提示，，不過原先會(huì)提示的圖片依舊無(wú)法從服務(wù)器刪除
[修復(fù)] 編輯器內(nèi)容為空時(shí)回車換行添加的標(biāo)簽為div，昨天更新時(shí)不小心覆蓋掉了、已修復(fù)為追加p標(biāo)簽
[修復(fù)] 圖片上傳寬高兼容%后設(shè)置無(wú)效問題 --感謝不愿意透露姓名的網(wǎng)友反饋 :smile:
V19.01.22-beta
[優(yōu)化] 圖片上傳寬高兼容%設(shè)置
[修復(fù)] 編輯器內(nèi)容為空時(shí)回車換行添加的標(biāo)簽為div
[測(cè)試] back退格鍵刪除圖片時(shí)調(diào)用callDel配置參數(shù)回調(diào)服務(wù)器刪除附件,需配置參數(shù) backDelImg:true （待刪除），目前不支持沒有p標(biāo)簽或其他元素包裹的img圖片刪除，會(huì)報(bào)無(wú)法獲取圖片路徑的彈出層，這是正常提示、、
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,支出對(duì)預(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ù)且測(cè)試時(shí)都時(shí)拿上傳圖片測(cè)試、、、所以未能測(cè)試出該問題，對(duì)因此造成困擾的人感到抱歉=.=
V19.01.10-beta
[修復(fù)] 取消回車/插入元素自動(dòng)加p標(biāo)簽包裹，防止特殊情況下的段落異常，ul->li標(biāo)簽內(nèi)文字需p標(biāo)簽或span等包裹，否則回車會(huì)新建ul標(biāo)簽導(dǎo)致段落錯(cuò)亂
V19.01.05
[新增] 附件上傳自動(dòng)插入編輯器設(shè)置 autoInsert, 添加設(shè)置參數(shù) uploadFiles{autoInsert:true} 即可選中文件上傳完之后自動(dòng)插入編輯器，無(wú)需點(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ù)說(shuō)明
                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到后臺(tái)刪除服務(wù)器文件等操作，
                //傳遞參數(shù)：
                //圖片： imgpath --圖片路徑
                //視頻： filepath --視頻路徑 imgpath --封面路徑
                , calldel: {
                    url: '/Attachment/DeleteFile'
                }
                //開發(fā)者模式 --默認(rèn)為false
                , devmode: true
                //插入代碼設(shè)置
                , codeConfig: {
                    hide: true,  //是否顯示編碼語(yǔ)言選擇框
                    default: 'javascript' //hide為true時(shí)的默認(rèn)語(yǔ)言格式
                }
                , 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');
        })