Kz.layedit-layui.layedit富文本編輯器拓展


項目介紹

首先歡迎使用 Kz.layedit!
本項目基於layui.layedit富文本編輯器,在其之上拓展而來。

新增功能

html源碼模式、插入hr水平線、段落格式、字體顏色、字體背景色、批量上傳圖片、上傳視頻、上傳附件、錨點、插入表格、插入自定義鏈接、全屏、預覽、右鍵菜單優化以及一些參數設置

實驗功能

undo\redo、字體、字體大小設置

在使用之前,請先認識幾個已存在問題

目前存在問題(2018-12-20)

1、本編輯器基本不支持IE瀏覽器,甚至是IE12,由於個人能力原因,暫時放棄維護

2、雖然對移動端做了適配,但是使用體驗不咋的,已經放棄治療.以后估計只會優化界面,避免出現寬,高溢出的情況.但是操作體驗上基本無法改進了…不建議移動端做富文本編輯

使用

基礎配置

toolbar由tool參數配置,可自由調整順序和內容。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
tool: [
'html'//源碼模式
,'undo','redo' //撤銷重做--實驗功能,不推薦使用
,'code', 'strong', 'italic', 'underline', 'del',
,'addhr' //添加水平線
,'|', 'fontFomatt','fontfamily','fontSize', //段落格式,字體樣式,字體顏色
'colorpicker', 'fontBackColor'//字體顏色,字體背景色
, 'face', '|', 'left', 'center', 'right', '|', 'link', 'unlink'
'image'//原版上傳圖片
'images'//多圖上傳
, 'image_alt'//上傳圖片拓展
, 'attachment'//上傳附件
, 'video' //視頻上傳
,'anchors' //錨點
, '|', 'table'//插入表格
,'customlink'//插入自定義鏈接
,'fullScreen'//全屏
'preview'//預覽
]

基礎方法未做修改,詳細見原版文檔,: 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使用說明

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM