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

項目介紹

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

新增功能

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

實驗功能

undo\redo、字體、字體大小設置瀏覽器

在使用以前,請先認識幾個已存在問題編輯器

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

一、本編輯器基本不支持IE瀏覽器,甚至是IE12,因爲我的能力緣由,暫時放棄維護ide

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

使用

基礎配置

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使用說明ui

相關文章
相關標籤/搜索