項目介紹
首先歡迎使用 Kz.layedit!
本項目基於layui.layedit富文本編輯器,在其之上拓展而來。
新增功能
html源碼模式、插入hr水平線、段落格式、字體顏色、字體背景色、批量上傳圖片、上傳視頻、上傳附件、錨點、插入表格、插入自定義鏈接、全屏、預覽、右鍵菜單優化以及一些參數設置
實驗功能
undo\redo、字體、字體大小設置
在使用之前,請先認識幾個已存在問題
目前存在問題(2018-12-20)
1、本編輯器基本不支持IE瀏覽器,甚至是IE12,由於個人能力原因,暫時放棄維護
2、雖然對移動端做了適配,但是使用體驗不咋的,已經放棄治療.以后估計只會優化界面,避免出現寬,高溢出的情況.但是操作體驗上基本無法改進了…不建議移動端做富文本編輯
使用
基礎配置
toolbar由tool參數配置,可自由調整順序和內容。
1 |
tool: [ |
基礎方法未做修改,詳細見原版文檔,: layui.layeidt v1.0.9
編輯器基本設置
| 參數名稱 | 類型 | 介紹 |
|---|---|---|
| 原版參數tool/hideTool/height | – | 保持原版設置,未做改動 |
| uploadImage | object | layupload基本參數 |
| uploadVideo | object | layupload基本參數 |
| uploadFiles | object | layupload基本參數 |
| calldel | object | 圖片/視頻刪除回調方法 |
| devmode | bool | 開發者模式,控制插入鏈接時是否顯示rel和target屬性 |
| autoSync | bool | 自動同步到textarea文本域設置,默認為false |
| onchange | function | 內容改變監聽事件 |
| codeConfig | object | 插入代碼設置,控制插入代碼時是否顯示代碼選擇框 |
| quote | object | 外部樣式/js引用 |
| customTheme | object | 視頻自定義主題 |
| customlink | object | 自定義鏈接,配置該項后,可插入一個指定href的a標簽,只需設置text內容 |
| facePath | string | 設置插入表情路徑,解決表情圖片地址為file://開頭的問題 |
| videoAttr | string | video標簽附加屬性,可給插入的視頻添加設置的屬性 |
個人博客原始地址:kz.layedit使用說明
