編輯器調(diào)用方法
1.下載 KindEditor 最新版本。打開下載頁面
2. 解壓zip文件，將所有文件上傳到您的網(wǎng)站程序目錄下。例如：http://您的域名/editor/
3.在需要顯示編輯器的位置添加TEXTAREA輸入框。
id在當(dāng)前頁面必須是唯一的值，還有，在有些瀏覽器上不設(shè)寬度和高度可能顯示有問題，所以最好設(shè)一下寬度和高度。寬度和高度可用inline樣式設(shè)置，也可用編輯器初始化參數(shù)設(shè)置。
在TEXTAREA里設(shè)置HTML內(nèi)容即可實(shí)現(xiàn)編輯，在這里需要注意的是，如果從服務(wù)器端程序(ASP、PHP、ASP.NET等)直接顯示內(nèi)容，則必須轉(zhuǎn)換HTML特殊字符(>,<,&,")。 具體請(qǐng)參考各語言目錄下面的demo.xxx程序，目前支持ASP、ASP.NET、PHP、JSP。
<textarea id="editor_id" name="content" style="width:700px;height:300px;"><strong>HTML內(nèi)容</strong></textarea>
4.在該HTML頁面添加以下腳本。 <script charset="utf-8" src="/editor/kindeditor.js"></script><script> KE.show({ id : 'editor_id' });</script>注：KE.show的原理是先執(zhí)行KE.init設(shè)置一些變量，等DOM全部創(chuàng)建以后才開始執(zhí)行KE.create創(chuàng)建編輯器。 如果瀏覽器不觸發(fā)DOMContentLoaded事件（例如：jQuery的$.ready，點(diǎn)擊某個(gè)按鈕，通過innerHTML插入HTML等），則不能使用KE.show，需要直接調(diào)用KE.init和KE.create。
KE.init({ id : 'editor_id'});$.ready(function() { KE.create('editor_id');});調(diào)用KE.show和KE.init時(shí)，除id之外還可以設(shè)置其它的參數(shù)，具體屬性請(qǐng)參考編輯器初始化參數(shù)。
5.取得編輯器的HTML內(nèi)容。
KindEditor的可視化操作在新創(chuàng)建的iframe上執(zhí)行，代碼模式下的textarea框也是新創(chuàng)建的，所以最后提交前需要將HTML數(shù)據(jù)同步到原來的textarea，KE.sync函數(shù)會(huì)完成這個(gè)動(dòng)作。
KindEditor在默認(rèn)情況下自動(dòng)尋找textarea所屬的form元素，找到form后onsubmit事件里添加KE.sync函數(shù)，所以用form方式提交數(shù)據(jù)，不需要手動(dòng)執(zhí)行KE.sync函數(shù)。
//取得HTML內(nèi)容html = KE.html('editor_id');//同步數(shù)據(jù)后可以直接取得textarea的valueKE.sync('editor_id');html = document.getElementById('editor_id').value;html = $('#editor_id').val(); //jQuery//設(shè)置HTML內(nèi)容KE.html('editor_id', 'HTML內(nèi)容');
編輯器初始化參數(shù)
1.調(diào)用KE.show或KE.init時(shí)可以設(shè)置以下參數(shù)。 1.id
TEXTAREA輸入框的ID，必須設(shè)置。
數(shù)據(jù)類型：String
2.items
配置編輯器的工具欄，其中"-"表示換行，"|"表示分隔符。
數(shù)據(jù)類型：Array
默認(rèn)值： ['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
編輯器的寬度，可以設(shè)置px或%，比TEXTAREA輸入框樣式表寬度優(yōu)先度高。
數(shù)據(jù)類型：String
默認(rèn)值：TEXTAREA輸入框的寬度
注: 3.2版本開始支持。
4.height
編輯器的高度，只能設(shè)置px，比TEXTAREA輸入框樣式表高度優(yōu)先度高。
數(shù)據(jù)類型：String
默認(rèn)值：TEXTAREA輸入框的高度
注: 3.2版本開始支持。
5.minWidth
數(shù)據(jù)類型：Int
指定編輯器最小寬度，單位為px。
默認(rèn)值：200
6.minHeight
數(shù)據(jù)類型：Int
指定編輯器最小高度，單位為px。
默認(rèn)值：100
7.filterMode
數(shù)據(jù)類型：Boolean
true時(shí)過濾HTML代碼，false時(shí)允許輸入任何代碼。
默認(rèn)值：false
注: 3.4以前版本的filterMode默認(rèn)值為true。
8.htmlTags
指定要保留的HTML標(biāo)記和屬性。哈希數(shù)組的key為HTML標(biāo)簽名，value為HTML屬性數(shù)組，"."開始的屬性表示style屬性。
數(shù)據(jù)類型：Object
默認(rèn)值： { 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' : []}注：filterMode為true時(shí)有效。3.4版本開始屬性可設(shè)置style，保留所有inline樣式。
9.resizeMode
2或1或0，2時(shí)可以拖動(dòng)改變寬度和高度，1時(shí)只能改變高度，0時(shí)不能拖動(dòng)。
數(shù)據(jù)類型：Int
默認(rèn)值：2
10.skinType
風(fēng)格類型，default
數(shù)據(jù)類型：String
默認(rèn)值：default
11.wyswygMode
可視化模式或代碼模式
數(shù)據(jù)類型：Boolean
默認(rèn)值：true
12.cssPath
指定編輯器iframe document的CSS，用于設(shè)置可視化區(qū)域的樣式。
數(shù)據(jù)類型：String或Array
默認(rèn)值：空
注：3.4.1版本開始可指定多個(gè)CSS文件。例如：cssPath : ['a.css', 'b.css']
13.skinsPath
指定編輯器的skins目錄，skins目錄存放風(fēng)格的css文件和gif圖片。
數(shù)據(jù)類型：String
默認(rèn)值：KE.scriptPath + 'skins/'
14.pluginsPath
指定編輯器的plugins目錄。
數(shù)據(jù)類型：String
默認(rèn)值：KE.scriptPath + 'plugins/'
15.minChangeSize
undo/redo文字輸入最小變化長度，當(dāng)輸入的文字變化小于這個(gè)長度時(shí)不會(huì)添加到undo堆棧里。
數(shù)據(jù)類型：Int
默認(rèn)值：5
16.loadStyleMode
true時(shí)自動(dòng)加載編輯器的CSS。
數(shù)據(jù)類型：Boolean
默認(rèn)值：true
注: 3.4版本開始支持。
17.urlType
改變站內(nèi)本地URL，可設(shè)置空、relative、absolute、domain?？諡椴恍薷腢RL，relative為相對(duì)路徑，absolute為絕對(duì)路徑，domain為帶域名的絕對(duì)路徑。
數(shù)據(jù)類型：String
默認(rèn)值：空
注: 3.4版本開始支持，3.4.1版本開始默認(rèn)值為空。
18.newlineTag
設(shè)置回車換行標(biāo)簽，可設(shè)置p、br。
數(shù)據(jù)類型：String
默認(rèn)值：br
注: 3.4版本開始支持。
19.afterCreate
設(shè)置編輯器創(chuàng)建后執(zhí)行的回調(diào)函數(shù)。
數(shù)據(jù)類型：Function
默認(rèn)值：無
20.afterDialogCreate
設(shè)置彈出浮動(dòng)框創(chuàng)建后執(zhí)行的回調(diào)函數(shù)。
數(shù)據(jù)類型：Function
默認(rèn)值：無
注: 3.4.3版本開始支持。
21.allowUpload
true或false，true時(shí)顯示上傳圖片標(biāo)簽。
數(shù)據(jù)類型：Boolean
默認(rèn)值：true
注: 3.4版本開始支持。
22.allowFileManager
true或false，true時(shí)顯示瀏覽服務(wù)器圖片功能。
數(shù)據(jù)類型：Boolean
默認(rèn)值：false
注: 3.4版本開始支持。
23.referMethod
設(shè)置referMethod后上傳圖片的POST參數(shù)里有referMethod。
數(shù)據(jù)類型：String
默認(rèn)值：空
注: 3.4版本開始支持。
24.dialogAlignType
設(shè)置彈出框(dialog)的對(duì)齊類型，可設(shè)置page和空，指定page時(shí)按當(dāng)前頁面居中，指定空時(shí)按編輯器居中。
數(shù)據(jù)類型：String
默認(rèn)值：page
注: 3.4.1版本開始支持。
25.imageUploadJson
指定上傳圖片的服務(wù)器端程序。
數(shù)據(jù)類型：String
默認(rèn)值：../../php/upload_json.php
注: 3.4.1版本開始支持。
26.fileManagerJson
指定瀏覽遠(yuǎn)程圖片的服務(wù)器端程序。
數(shù)據(jù)類型：String
默認(rèn)值：../../php/file_manager_json.php
注: 3.4.1版本開始支持。
27.shadowMode
true或false，true時(shí)彈出層顯示陰影。
數(shù)據(jù)類型：Boolean
默認(rèn)值：true
注: 3.5版本開始支持。
28.allowPreviewEmoticons
true或false，true時(shí)鼠標(biāo)放在表情上可以預(yù)覽表情。
數(shù)據(jù)類型：Boolean
默認(rèn)值：true
注: 3.5版本開始支持。
29.useContextmenu
true或false，true時(shí)使用自定義右鍵菜單，false時(shí)屏蔽自定義右鍵菜單。
數(shù)據(jù)類型：Boolean
默認(rèn)值：true
注: 3.5.3版本開始支持。
30.syncType
同步數(shù)據(jù)的方式，可設(shè)置"","auto","form"，值為"auto"時(shí)每次修改時(shí)都會(huì)同步，"form"時(shí)提交form時(shí)同步，空時(shí)不會(huì)自動(dòng)同步。
數(shù)據(jù)類型：String
默認(rèn)值："form"
注: 3.5.3版本開始支持。
31.tabIndex
編輯器的tabindex。
數(shù)據(jù)類型：Int
默認(rèn)值：TEXTAREA輸入框的tabindex
注: 3.5.3版本開始支持。
32.afterChange
編輯器內(nèi)容發(fā)生變化后執(zhí)行的回調(diào)函數(shù)。
數(shù)據(jù)類型：Function
默認(rèn)值：無
注: 3.5.3版本開始支持。
33.afterTab
按下TAB鍵后執(zhí)行的的回調(diào)函數(shù)。
數(shù)據(jù)類型：Function
默認(rèn)值： function(id) { KE.util.setSelection(id); KE.util.insertHtml(id, ' ');}注: 3.5.3版本開始支持。
34.afterFocus
編輯器聚焦(focus)時(shí)執(zhí)行的回調(diào)函數(shù)。
數(shù)據(jù)類型：Function
默認(rèn)值：無
注: 3.5.3版本開始支持。
35.afterBlur
編輯器失去焦點(diǎn)(blur)時(shí)執(zhí)行的回調(diào)函數(shù)。
數(shù)據(jù)類型：Function
默認(rèn)值：無
注: 3.5.3版本開始支持。
參數(shù)設(shè)置例子： KE.show({ id : "content_1", width : "70%", //編輯器的寬度為70% height : "200px", //編輯器的高度為100px filterMode : false, //不會(huì)過濾HTML代碼 resizeMode : 1 //編輯器只能調(diào)整高度});
一、添加"你好"插件
1. 定義KE.lang['hello'] = "你好"。 KE.lang['hello'] = "您好";
2.定義KE.plugin['hello']，所有邏輯都在這個(gè)對(duì)象里，點(diǎn)擊圖標(biāo)時(shí)默認(rèn)執(zhí)行click方法。 KE.plugin['hello'] = { click : function(id) { alert("您好"); }};
3.頁面里添加圖標(biāo)定義CSS。 .ke-icon-hello { background-image: url(./skins/default.gif); background-position: 0px -672px; width: 16px; height: 16px;}
4.最后調(diào)用編輯器時(shí)items數(shù)組里添加hello。 KE.show({ id : 'content1', items : ['hello']}); 演示地址：在新窗口打開
二、添加插入遠(yuǎn)程圖片的插件
1. 定義KE.lang['remote_image'] = "插入遠(yuǎn)程圖片"。 KE.lang['remote_image'] = "插入遠(yuǎn)程圖片";
2.定義KE.plugin['remote_image']。 KE.plugin['remote_image'] = { click : function(id) { KE.util.selection(id); var dialog = new KE.dialog({ id : id, cmd : 'remote_image', width : 310, height : 90, title : KE.lang['image'], yesButton : KE.lang['yes'], noButton : KE.lang['no'] }); dialog.show(); }, check : function(id) { var dialogDoc = KE.util.getIframeDoc(KE.g[id].dialog); var url = KE.$('url', dialogDoc).value; var title = KE.$('imgTitle', dialogDoc).value; var width = KE.$('imgWidth', dialogDoc).value; var height = KE.$('imgHeight', dialogDoc).value; var border = KE.$('imgBorder', dialogDoc).value; if (url.match(/\.(jpg|jpeg|gif|bmp|png)$/i) == null) { alert(KE.lang['invalidImg']); window.focus(); KE.g[id].yesButton.focus(); return false; } if (width.match(/^\d+$/) == null) { alert(KE.lang['invalidWidth']); window.focus(); KE.g[id].yesButton.focus(); return false; } if (height.match(/^\d+$/) == null) { alert(KE.lang['invalidHeight']); window.focus(); KE.g[id].yesButton.focus(); return false; } if (border.match(/^\d+$/) == null) { alert(KE.lang['invalidBorder']); window.focus(); KE.g[id].yesButton.focus(); return false; } return true; }, exec : function(id) { KE.util.select(id); var iframeDoc = KE.g[id].iframeDoc; var dialogDoc = KE.util.getIframeDoc(KE.g[id].dialog); if (!this.check(id)) return false; var url = KE.$('url', dialogDoc).value; var title = KE.$('imgTitle', dialogDoc).value; var width = KE.$('imgWidth', dialogDoc).value; var height = KE.$('imgHeight', dialogDoc).value; var border = KE.$('imgBorder', dialogDoc).value; this.insert(id, url, title, width, height, border); }, insert : function(id, url, title, width, height, border) { var html = '<img src="' + url + '" '; if (width > 0) html += 'width="' + width + '" '; if (height > 0) html += 'height="' + height + '" '; if (title) html += 'title="' + title + '" '; html += 'alt="' + title + '" '; html += 'border="' + border + '" />'; KE.util.insertHtml(id, html); KE.layout.hide(id); KE.util.focus(id); }};
3.頁面里添加圖標(biāo)定義CSS。 .ke-icon-remote_image { background-image: url(./skins/default.gif); background-position: 0px -496px; width: 16px; height: 16px;}
4.最后調(diào)用編輯器時(shí)items數(shù)組里添加remote_image。 KE.show({ id : 'content1', items : ['remote_image']});
一、變量
1.KE.scriptPath
kindeditor.js的路徑。
數(shù)據(jù)類型：String
2.KE.browser
瀏覽器類型和版本，分別為KE.browser.IE、KE.browser.WEBKIT、KE.browser.GECKO、KE.browser.OPERA、KE.browser.VERSION。
數(shù)據(jù)類型：Object
注：3.4以前版本直接返回字符串，分別為"IE"、"WEBKIT"、"GECKO"、"OPERA"。
3.KE.g[id].iframeDoc
編輯區(qū)域的iframe對(duì)象。
數(shù)據(jù)類型：Element
4.KE.g[id].keSel
當(dāng)前選中信息的KE.selection對(duì)象，id為編輯器ID。
數(shù)據(jù)類型：Object
5.KE.g[id].keRange
當(dāng)前選中信息的KE.range對(duì)象，id為編輯器ID。
數(shù)據(jù)類型：Object
6.KE.g[id].sel
當(dāng)前選中信息的瀏覽器原生selection對(duì)象，id為編輯器ID。
數(shù)據(jù)類型：Object
7.KE.g[id].range
當(dāng)前選中信息的瀏覽器原生range對(duì)象，id為編輯器ID。
數(shù)據(jù)類型：Object
二、函數(shù)
1.KE.show(config)
初始化并創(chuàng)建編輯器。執(zhí)行本函數(shù)時(shí)先調(diào)用KE.init設(shè)置初始化參數(shù)，然后在DOM加載完成后執(zhí)行KE.create。
參數(shù)：
config：Object，編輯器屬性集合，具體請(qǐng)參考編輯器屬性
返回值：無
2.KE.init(config)
設(shè)置編輯器的初始化參數(shù)，loadStyleMode為true時(shí)自動(dòng)加載CSS文件。
參數(shù)：
config：Object，編輯器屬性集合，具體請(qǐng)參考編輯器屬性
返回值：無
3.KE.create(id, mode)
創(chuàng)建編輯器。
參數(shù)：
id：String，編輯器的ID
mode：Int，可選參數(shù)，指定1時(shí)在body下面創(chuàng)建編輯器，0或未指定時(shí)在TEXTAREA前面創(chuàng)建編輯器。
返回值：無
4.KE.remove(id, mode)
移除編輯器。
參數(shù)：
id：String，編輯器的ID
mode：Int，可選參數(shù)，指定1時(shí)移除在body下面的編輯器，0或未指定時(shí)移除在TEXTAREA前面的編輯器。
返回值：無
5.KE.html(id)
取得編輯器的HTML內(nèi)容。
參數(shù)：
id：String，編輯器的ID
返回值：
String，HTML字符串
注: 3.5版本開始支持，舊版本可以使用KE.util.getData(id)。
6.KE.html(id, val)
設(shè)置編輯器的HTML內(nèi)容。
參數(shù)：
id：String，編輯器的ID
val: String，HTML字符串
返回值：無
注: 3.5版本開始支持，舊版本可以使用KE.util.setFullHtml(id, val)。
7.KE.text(id)
取得編輯器的純文本內(nèi)容。
參數(shù)：
id：String，編輯器的ID
返回值：
String，去除HTML代碼后的文本
注: 3.5版本開始支持。
8.KE.text(id, val)
設(shè)置編輯器的內(nèi)容，直接顯示HTML代碼。
參數(shù)：
id：String，編輯器的ID
val: String，文本
返回值：無
注: 3.5版本開始支持。
9.KE.selectedHtml(id)
取得當(dāng)前被選中的HTML內(nèi)容。
參數(shù)：
id：String，編輯器的ID
返回值：
String，HTML字符串
注: 3.5版本開始支持。
10.KE.count(id, mode)
取得編輯器內(nèi)容的文字?jǐn)?shù)量。
參數(shù)：
id：String，編輯器的ID
mode：String，可選參數(shù)，默認(rèn)值也"html"，mode為"html"時(shí)取得字?jǐn)?shù)包含HTML代碼，mode為"text"時(shí)只包含純文本、IMG、EMBED。
返回值：
Int，文字?jǐn)?shù)量
注: 3.5版本開始支持。
11.KE.isEmpty(id)
判斷編輯器是否有可見內(nèi)容，比如文本、圖片、視頻。
參數(shù)：
id：String，編輯器的ID
返回值：Boolean
注: 3.5版本開始支持，舊版本可以使用KE.util.isEmpty(id)。
12.KE.insertHtml(id, val)
將指定的HTML內(nèi)容插入到編輯區(qū)域里的光標(biāo)處。
參數(shù)：
id：String，編輯器的ID
val: String，HTML字符串
返回值：無
注: 3.5版本開始支持，舊版本可以使用KE.util.insertHtml(id, val)。
13.KE.appendHtml(id, val)
將指定的HTML內(nèi)容添加到編輯區(qū)域最后位置。
參數(shù)：
id：String，編輯器的ID
val: String，HTML字符串
返回值：無
注: 3.5版本開始支持。
14.KE.focus(id)
編輯器聚焦。
參數(shù)：
id：String，編輯器的ID
返回值：無
注: 3.5版本開始支持。
15.KE.blur(id)
編輯器失去焦點(diǎn)。
參數(shù)：
id：String，編輯器的ID
返回值：無
注: 3.5.3版本開始支持。
16.KE.sync(id)
將編輯器的內(nèi)容設(shè)置到原來的TEXTAREA控件里。
參數(shù)：
id：String，編輯器的ID
返回值：無
注: 3.5.3版本開始支持，舊版本可以使用KE.util.setData(id)。
常見問題
1.編輯器好像是UTF-8編碼的，可以在GB2312頁面上使用嗎？
2.我想通過ajax方式加載編輯器，但是加KE.show后沒有效果。
3.為什么會(huì)丟失某些HTML標(biāo)簽，是不是編輯器的BUG？
4.調(diào)用編輯器后顯示不正常，怎么調(diào)整才能不和我的頁面的CSS沖突？
5.跨域調(diào)用后，點(diǎn)擊插入圖片或超級(jí)鏈接會(huì)報(bào)錯(cuò)。
6.我取不到編輯器數(shù)據(jù)，直接取得textarea的value也沒用。
7.上傳圖片為什么出現(xiàn)"服務(wù)器發(fā)生故障。"？
1. 編輯器好像是UTF-8編碼的，可以在GB2312頁面上使用嗎？
可以使用。有兩種方法，一種方法是引入kindeditor.js文件時(shí)將script的charset屬性設(shè)置成utf-8。 還有一種方法是直接將html/js/css文件編碼都轉(zhuǎn)換成GB2312編碼（用Notepad++、editPlus等文本編輯器就可以轉(zhuǎn)換編碼），不過轉(zhuǎn)換格式后升級(jí)比較困難，建議使用第一種方法。 <script charset="utf-8" src="/editor/kindeditor.js"></script>
2. 我想通過ajax方式加載編輯器，但是加KE.show后沒有效果。
這個(gè)需要理解KE.show和KE.create的區(qū)別。KE.show的原理是先執(zhí)行KE.init設(shè)置一些變量，等DOM全部創(chuàng)建以后才開始執(zhí)行KE.create創(chuàng)建編輯器。 如果瀏覽器不觸發(fā)DOMContentLoaded事件（例如：點(diǎn)擊某個(gè)按鈕，通過innerHTML插入HTML等），則不能使用KE.show，需要直接調(diào)用KE.init和KE.create。
還有我發(fā)現(xiàn)很多同學(xué)直接把javascript代碼放在ajax返回的HTML頁面里執(zhí)行，這么做可能出現(xiàn)不可預(yù)測(cè)的錯(cuò)誤，最好的方法是ajax只返回純HTML，返回成功后在該ajax方法的回調(diào)函數(shù)（callback function）里執(zhí)行javascript。 //ajax請(qǐng)求之前執(zhí)行KE.initKE.init({ id : 'textarea_id'});//ajax返回HTML后執(zhí)行KE.create創(chuàng)建編輯器KE.create('textarea_id');
3. 為什么會(huì)丟失某些HTML標(biāo)簽，是不是編輯器的BUG？
這是因?yàn)?.4版本以前編輯器默認(rèn)開啟了過濾模式（filterMode:true）。當(dāng)filterMode為true時(shí)，編輯器會(huì)根據(jù)htmlTags設(shè)定自動(dòng)過濾HTML代碼，主要是為了生成干凈的代碼。
如果想保留所有HTML，請(qǐng)將filterMode設(shè)置成false。如果想保留特定HTML，請(qǐng)將filterMode設(shè)置成true后，配置htmlTags屬性。
從3.4版本開始默認(rèn)關(guān)閉過濾模式，所以要過濾HTML，需要將filterMode設(shè)置成true。 KE.show({ id : 'textarea_id', filterMode : true // true:開啟過濾模式, false:關(guān)閉過濾模式});
4. 調(diào)用編輯器后顯示不正常，怎么調(diào)整才能不和我的頁面的CSS沖突？
KindEditor所有CSS選擇器都用ke開頭的名字，所以名字是不會(huì)直接沖突的，一般頁面顯示不正常的原因是你的頁面使用了全局標(biāo)簽的CSS定義。
解決方式是為編輯器的div、table、td等標(biāo)簽重新設(shè)置一遍CSS。首先將skins/default.css文件放在你的CSS文件后面，default.css文件后面再定義一遍發(fā)生沖突的CSS。
<style>/* 你的全局CSS定義 */img { border: 1px solid #555555; padding: 10px;}</style><!-- 編輯器的CSS文件 --><link rel="stylesheet" type="text/css" href="./skins/default.css" /><style>/* 重新設(shè)置全局CSS定義 */img { border: 0; padding: 0;}</style><!-- 通過style標(biāo)簽包含CSS時(shí)，需要將loadStyleMode屬性設(shè)置成false --><script>KE.show({ id : 'textarea_id', loadStyleMode : false});</scirpt>
5. 跨域調(diào)用后，點(diǎn)擊插入圖片或超級(jí)鏈接會(huì)報(bào)錯(cuò)。
3.x版本的彈出框是用iframe加載HTML文件后顯示的，跨域后2個(gè)document的域名不一樣，無法進(jìn)行跨頁面js調(diào)用。正在開發(fā)中的4.0開始支持跨域調(diào)用，敬請(qǐng)期待。
6. 我取不到編輯器數(shù)據(jù)，直接取得textarea的value也沒用。
KindEditor的可視化操作在新創(chuàng)建的iframe上執(zhí)行，代碼模式下的textarea框也是新創(chuàng)建的，所以最后提交前需要將HTML數(shù)據(jù)設(shè)置到原來的textarea，KE.sync函數(shù)會(huì)完成這個(gè)動(dòng)作。 KindEditor在默認(rèn)情況下自動(dòng)尋找textarea所屬的form元素，找到form后onsubmit事件里添加KE.sync函數(shù)，所以用form方式提交數(shù)據(jù)，不需要手動(dòng)執(zhí)行KE.sync函數(shù)。 //將編輯器的HTML數(shù)據(jù)設(shè)置到textarea，KE.sync是KE.util.setData的別名KE.sync(id);//KE.sync等價(jià)于以下代碼KE.g[id].srcTextarea.value = KE.html(id);
7. 上傳圖片為什么出現(xiàn)"服務(wù)器發(fā)生故障。"？
出現(xiàn)這個(gè)提示的根本原因是沒有正確返回JSON數(shù)據(jù)。具體原因有很多，imageUploadJson參數(shù)設(shè)置錯(cuò)誤，upload_json.xxx程序出錯(cuò)都會(huì)出現(xiàn)這個(gè)提示。
這時(shí)用Firefox的Firebug插件調(diào)試比較方便，上傳圖片后在Firebug的"網(wǎng)絡(luò)" > "HTML"里能看到"POST upload_json.xxx"，正常情況下HTTP狀態(tài)為200，并返回正確的JSON格式，如圖所示。
