KindEditor 編輯器配置引數屬性

2022-03-19 03:55:40 字數 4214 閱讀 4913

ke.show = function(args) );

};

法一:ke.show(config);

法二:ke.init(config);ke.create(id);

·無論使用哪種方式使用kindeditor編輯器,都必須進行引數配置;

·可以在ke.show()和ke.init()方法中傳遞配置引數config;

·配置引數config是乙個物件,一般使用字面量物件;

·其中,id引數是唯一必須進行配置的,其他引數可以省略。

引數設定例子ke.

show

();配置引數

1、id

textarea輸入框的id,必須設定。

資料型別:string

2、items[

'source'

,'|'

,'fullscreen'

,'undo'

,'redo'

,'print'

,'cut'

,'copy'

,'paste'

,'plainpaste'

,'wordpaste'

,'|'

,'justifyleft'

,'justifycenter'

,'justifyright'

,'justifyfull'

,'insertorderedlist'

,'insertunorderedlist'

,'indent'

,'outdent'

,'subscript'

,'superscript'

,'|'

,'selectall'

,'-'

,'title'

,'fontname'

,'fontsize'

,'|'

,'textcolor'

,'bgcolor'

,'bold'

,'italic'

,'underline'

,'strikethrough'

,'removeformat'

,'|'

,'image'

,'flash'

,'media'

,'advtable'

,'hr'

,'emoticons'

,'link'

,'unlink'

,'|'

,'about'

]3、width

編輯器的寬度,可以設定px或%,比textarea輸入框樣式表寬度優先度高。

資料型別:string

預設值:textarea輸入框的寬度

注: 3.2版本開始支援。

4、height

編輯器的高度,只能設定px,比textarea輸入框樣式表高度優先度高。

資料型別:string

預設值:textarea輸入框的高度

注: 3.2版本開始支援。

5、minwidth

6、minheight7、filtermode

資料型別:boolean

true時過濾html**,false時允許輸入任何**。

預設值:false

注: 3.4以前版本的filtermode預設值為true。

8、htmltags

指定要保留的html標記和屬性。雜湊陣列的key為html標籤名,value為html屬性陣列,"."開始的屬性表示style屬性。

資料型別:object

預設值:

注:filtermode為true時有效。3.4版本開始屬性可設定style,保留所有inline樣式。

9、resizemode

2或1或0,2時可以拖動改變寬度和高度,1時只能改變高度,0時不能拖動。

資料型別:int

預設值:2

10、skintype

風格型別,default或tinymce。

資料型別:string

預設值:default

注:3.4以前版本和3.4.1版本開始預設值為default,3.4版本的預設值為oxygen。

11、wyswygmode

視覺化模式或**模式

資料型別:boolean

預設值:true

12、csspath

指定編輯器iframe

document的css,用於設定視覺化區域的樣式。

資料型別:string或array

預設值:空

注:3.4.1版本開始可指定多個css檔案。例如:csspath : ['a.css', 'b.css']

13、skinspath14、pluginspath15、minchangesize

undo/redo文字輸入最小變化長度,當輸入的文字變化小於這個長度時不會新增到undo堆疊裡。

資料型別:int

預設值:5

16、loadstylemode17、urltype

改變站內本地url,可設定空、relative、absolute、domain。

空為不修改url,relative為相對路徑,absolute為絕對路徑,domain為帶網域名稱的絕對路徑。

資料型別:string

預設值:空

注: 3.4版本開始支援,3.4.1版本開始預設值為空。

18、newlinetag

設定回車換行標籤,可設定p、br。

資料型別:string

預設值:br

注: 3.4版本開始支援。

19、aftercreate20、afterdialogcreate

設定彈出浮動框建立後執行的**函式。

資料型別:function

預設值:無

注: 3.4.3版本開始支援。

21、allowupload22、allowfilemanager23、refermethod24、dialogaligntype

設定彈出框(dialog)的對齊型別,可設定page和空。

25、imageuploadjson26、filemanagerjson

指定瀏覽遠端的伺服器端程式。

資料型別:string

預設值:../../php/file_manager_json.php

注: 3.4.1版本開始支援。

27、autosetdatamode

true或false。

3.5版本開始支援。開啟autosetdatamode模式後會降低輸入效能,理想的做法是關閉autosetdatamode,提交資料前執行ke.util.setdata。

28、aftersetdata

自動執行ke.util.setdata後執行的**函式,autosetdatamode為true時有效。

資料型別:function

預設值:無

注: 3.5版本開始支援。

29、shadowmode

true或false,true時彈出層顯示陰影。

資料型別:boolean

預設值:true

注: 3.5版本開始支援。

30、allowpreviewemoticons

true或false,true時滑鼠放在表情上可以預覽表情。

資料型別:boolean

預設值:true

注: 3.5版本開始支援。

kindeditor內容編輯器

外掛程式可以去這裡下 然後在自己的專案中建立乙個資料夾來存放這個外掛程式 如下圖 然後選擇其中乙個js拖放到其中乙個到你所需要的頁面就可以了 我這邊是用的這個kindeditor min.js。在aspx頁面新增文字編輯器 id名稱可以自行定義,在js中新增如下 items裡面的東西都是我根據公司的...

kindeditor編輯器的使用

3.在頁面中新增textarea控制項 5.上傳檔案功能操作 選擇程式語言 我這裡使用的是asp.net,注意這裡的路徑問題,根據你當前頁面所處的位置來適當調整。asp kindeditor.ready function k asp.net kindeditor.ready function k j...

kindeditor編輯器,獲取textarea值

在獲取textarea值的時候,從資料庫讀出來的值都能獲取到,但是新輸入的值就得不到,只要是新輸入的都得不到值 答案 我昨天剛用kindeditor,我是使用ajaxform提交表單的在360瀏覽器下獲取textarea沒問題,可在火狐瀏覽器下卻獲取不到值,後來我新增 了afterblur func...