摘要：

　　本外掛基於layui.layedit,增加了HTML原始碼模式，片插入功能新增alt屬性（layupload），視訊插入功能，全屏功能，段落格式，字型顏色設定，右鍵選單操作，插入錨點，水平線功能。

所有拓展功能選單按鈕圖示均引用自layui自帶圖示。

演示地址：kz.layedit

　　一、基礎拓展配置

 tool: [
                    'html', 'code', 'strong', 'italic', 'underline', 'del', 'addhr', '|', 'fontFomatt', 'colorpicker', 'face'
                    , '|', 'left', 'center', 'right', '|', 'link', 'unlink', 'image_alt', 'video', 'anchors'
                    , '|', 'fullScreen'
                ]

　　html=> html原始碼模式（彈窗顯示），

　　addhr=>新增水平線<hr>，

　　fontFomatt =>段落格式設定，設定當前行為p,h1~4,div等格式，

　　colorpicker=>字型顏色設定，

　　image_alt=>帶alt屬性，寬高設定的圖片上傳，（image原版圖片上傳依舊支援），

　　video =>視訊上傳，帶封面上傳，

　　anchors=> 新增錨點，通過樣式在編輯器內展示，不帶樣式無法展示，待修復，

　　fullScreen=>全屏設定

　　一、HTMl原始碼模式

　　　　HTML原始碼模式引用第三方外掛ace,優化原始碼展示樣式，引用ace編輯器僅保留了html原始碼樣式和tomorrow主題，如有需要可自行更換，目錄為/Content/ace/ace.js，指路--> ace官網。

　　二、UploadImage/UploadVideo

　　　　圖片視訊上傳需要配置相應的後臺介面，同時也可以設定上傳附件格式，附件大小等，該引數繼承自layui.layupload。

1 //上傳圖片引數設定               
2  uploadImage: {
3                     url: '/Attachment/LayUploadFile',//
 
後臺上傳方法
4                     accept: 'image',//限制上傳型別
5                     acceptMime: 'image/*',
6                     exts: 'jpg|png|gif|bmp|jpeg',//拓展名限制
7                     size: '10240'//大小限制
8                 }

1 //上傳視訊引數設定--同圖片
2 uploadVideo: {
3                     url: '/Attachment/LayUploadFile',
4                     accept: 'video',
5                     acceptMime: 'video/*',
6                     exts: 'mp4|flv|avi|rm|rmvb',
7                     size: '20480'
8                 }

　　三、CallDel配置

該引數用於右鍵選中圖片或視訊進行刪除時呼叫，根據提供的後臺方法進行刪除，返回的引數圖片路徑為imgpath,視訊路徑為 filepath，後臺可根據接受的檔案路徑進行刪除或其他操作。

                //右鍵刪除圖片/視訊時的回撥引數，post到後臺刪除伺服器檔案等操作，
                //傳遞引數：
                //圖片： imgpath --圖片路徑
                //視訊： filepath --視訊路徑 imgpath --封面路徑
                , calldel: {
                    url: '/Attachment/DeleteFile'
                }

 　　　四、Code=>插入程式碼設定

　　　　該引數可配置也可不配置，根據自己的實際需求出發，如不配置，則為原版的效果，配置hide為true時，會根據defalut設定的語言格式進行插入<pre>。

//插入程式碼設定
                , codeConfig: {
                    hide: true,  //是否顯示編碼語言選擇框
                    default: 'javascript' //hide為true時的預設語言格式
                }

　　　　--未完待續