KindEditor編輯器初始化引數
阿新 • • 發佈:2019-02-20
- id
TEXTAREA輸入框的ID,必須設定。
資料型別:String - items
配置編輯器的工具欄,其中"-"表示換行,"|"表示分隔符。
資料型別:Array
預設值:['source','|','fullscreen','undo','redo','print','cut','copy','paste','plainpaste','wordpaste','|','justifyleft','justifycenter','justifyright','justifyfull','insertorderedlist','insertunorderedlist','indent','outdent'
- width
編輯器的寬度,可以設定px或%,比TEXTAREA輸入框樣式表寬度優先度高。
資料型別:String
預設值:TEXTAREA輸入框的寬度
注: 3.2版本開始支援。 - height
編輯器的高度,只能設定px,比TEXTAREA輸入框樣式表高度優先度高。
資料型別:String
預設值:TEXTAREA輸入框的高度
注: 3.2版本開始支援。 - minWidth
資料型別:Int
指定編輯器最小寬度,單位為px。
預設值:200 - minHeight
資料型別:Int
指定編輯器最小高度,單位為px。
預設值:100 - filterMode
資料型別:Boolean
true時過濾HTML程式碼,false時允許輸入任何程式碼。
預設值:false
注: 3.4以前版本的filterMode預設值為true。 - htmlTags
指定要保留的HTML標記和屬性。雜湊陣列的key為HTML標籤名,value為HTML屬性陣列,"."開始的屬性表示style屬性。
資料型別:Object
預設值:{
注:filterMode為true時有效。3.4版本開始屬性可設定style,保留所有inline樣式。
font :['color','size','face','.background-color'],
span :['style'],
div :['class','align','style'],
table:['class','border','cellspacing','cellpadding','width','height','align','style'],'td,th':['class','align','valign','width','height','colspan','rowspan','bgcolor','style'],
a :['class','href','target','name','style'],
embed :['src','width','height','type','loop','autostart','quality','style','align','allowscriptaccess','/'],
img :['src','width','height','border','alt','title','align','style','/'],
hr :['class','/'],
br :['/'],'p,ol,ul,li,blockquote,h1,h2,h3,h4,h5,h6':['align','style'],'tbody,tr,strong,b,sub,sup,em,i,u,strike':[]} - resizeMode
2或1或0,2時可以拖動改變寬度和高度,1時只能改變高度,0時不能拖動。
資料型別:Int
預設值:2 - skinType
風格型別,default
資料型別:String
預設值:default - wyswygMode
視覺化模式或程式碼模式
資料型別:Boolean
預設值:true - cssPath
指定編輯器iframe document的CSS,用於設定視覺化區域的樣式。
資料型別:String或Array
預設值:空
注:3.4.1版本開始可指定多個CSS檔案。例如:cssPath : ['a.css', 'b.css'] - skinsPath
指定編輯器的skins目錄,skins目錄存放風格的css檔案和gif圖片。
資料型別:String
預設值:KE.scriptPath + 'skins/' - pluginsPath
指定編輯器的plugins目錄。
資料型別:String
預設值:KE.scriptPath + 'plugins/' - minChangeSize
undo/redo文字輸入最小變化長度,當輸入的文字變化小於這個長度時不會新增到undo堆疊裡。
資料型別:Int
預設值:5 - loadStyleMode
true時自動載入編輯器的CSS。
資料型別:Boolean
預設值:true
注: 3.4版本開始支援。 - urlType
改變站內本地URL,可設定空、relative、absolute、domain。空為不修改URL,relative為相對路徑,absolute為絕對路徑,domain為帶域名的絕對路徑。
資料型別:String
預設值:空
注: 3.4版本開始支援,3.4.1版本開始預設值為空。 - newlineTag
設定回車換行標籤,可設定p、br。
資料型別:String
預設值:br
注: 3.4版本開始支援。 - afterCreate
設定編輯器建立後執行的回撥函式。
資料型別:Function
預設值:無 - afterDialogCreate
設定彈出浮動框建立後執行的回撥函式。
資料型別:Function
預設值:無
注: 3.4.3版本開始支援。 - allowUpload
true或false,true時顯示上傳圖片標籤。
資料型別:Boolean
預設值:true
注: 3.4版本開始支援。 - allowFileManager
true或false,true時顯示瀏覽伺服器圖片功能。
資料型別:Boolean
預設值:false
注: 3.4版本開始支援。 - referMethod
設定referMethod後上傳圖片的POST引數裡有referMethod。
資料型別:String
預設值:空
注: 3.4版本開始支援。 - dialogAlignType
設定彈出框(dialog)的對齊型別,可設定page和空,指定page時按當前頁面居中,指定空時按編輯器居中。
資料型別:String
預設值:page
注: 3.4.1版本開始支援。 - imageUploadJson
指定上傳圖片的伺服器端程式。
資料型別:String
預設值:../../php/upload_json.php
注: 3.4.1版本開始支援。 - fileManagerJson
指定瀏覽遠端圖片的伺服器端程式。
資料型別:String
預設值:../../php/file_manager_json.php
注: 3.4.1版本開始支援。 - shadowMode
true或false,true時彈出層顯示陰影。
資料型別:Boolean
預設值:true
注: 3.5版本開始支援。 - allowPreviewEmoticons
true或false,true時滑鼠放在表情上可以預覽表情。
資料型別:Boolean
預設值:true
注: 3.5版本開始支援。 - useContextmenu
true或false,true時使用自定義右鍵選單,false時遮蔽自定義右鍵選單。
資料型別:Boolean
預設值:true
注: 3.5.3版本開始支援。 - syncType
同步資料的方式,可設定"","auto","form",值為"auto"時每次修改時都會同步,"form"時提交form時同步,空時不會自動同步。
資料型別:String
預設值:"form"
注: 3.5.3版本開始支援。 - tabIndex
編輯器的tabindex。
資料型別:Int
預設值:TEXTAREA輸入框的tabindex
注: 3.5.3版本開始支援。 - afterChange
編輯器內容發生變化後執行的回撥函式。
資料型別:Function
預設值:無
注: 3.5.3版本開始支援。 - afterTab
按下TAB鍵後執行的的回撥函式。
資料型別:Function
預設值:function(id){
注: 3.5.3版本開始支援。
KE.util.setSelection(id);
KE.util.insertHtml(id,' ');} - afterFocus
編輯器聚焦(focus)時執行的回撥函式。
資料型別:Function
預設值:無
注: 3.5.3版本開始支援。 - afterBlur
編輯器失去焦點(blur)時執行的回撥函式。
資料型別:Function
預設值:無
注: 3.5.3版本開始支援。
KE.show({
id :"content_1",
width :"70%",//編輯器的寬度為70%
height :"200px",//編輯器的高度為100px
filterMode :false,//不會過濾HTML程式碼
resizeMode :1//編輯器只能調整高度});