1897人阅读
要修改默认后台程序处理文件，修改plugins(插件文件夹)下的JavaScript内容fileManagerJson改为自己使用程序语言
jQuery方式创建编辑器
KindEditor.create('#nr'); //绑定指定ID。
&textarea id=&nr& style=&width:680height:280visibility:visible&&&/textarea&
----------------------------------------------------------------------------------
allowFileManager 【是否允许浏览服务器已上传文件】
默认值是：false
------------------------------------------------------
allowImageUpload 【是否允许上传本地图片】
默认值是：true
----------------------------------------------
allowFlashUpload 【是否允许上传Flash】
默认值是：true
----------------------------------------------
allowMediaUpload 【是否允许上传多媒体文件】
默认值是：true
------------------------------------------------
pasteType 【设置粘贴类型】
0:禁止粘贴, 1:纯文本粘贴, 2:HTML粘贴（默认）
---------------------------------------------------
resizeType 【设置可否改变编辑器大小】
0:不能改变 1:只能改变高度 2:宽度和高度都可以改变（默认）
----------------------------------------------------------
themeType 【主题风格】
可设置&default&、&simple&，指定simple时需要引入simple.css
-------------------------------------------------------------
designMode 【可视化模式或代码模式】
数据类型：Boolean
默认值是：true(可视化)
------------------------------------------
afterCreate:function(){} 【编辑器创建后】
afterCreate:function(){
//alert('创建完成');
------------------------------------------
fontSizeTable 【制定文字大小】
数据类型：Array
默认值：['9px', '10px', '12px', '14px', '16px', '18px', '24px', '32px']
-----------------------------------------------------------------------
colorTable 【指定取色器里的颜色值】
数据类型：Array
['#E53333', '#E56600', '#FF9900', '#64451D', '#DFC5A4', '#FFE500'],
['#009900', '#006600', '#99BB00', '#B8D100', '#60D978', '#00D5FF'],
['#337FE5', '#003399', '#4C33E5', '#9933E5', '#CC33E5', '#EE33EE'],
['#FFFFFF', '#CCCCCC', '#999999', '#666666', '#333333', '#000000']
上面是默认值
----------------------------------------------------------------------------------
【Ctrl+Enter提交】
afterCreate:function(){
KindEditor.ctrl(self.edit.doc, 13, function() {
self.sync();
//执行其他事件
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
var editor=KindEditor.create('#nr');
【编辑器获取焦点】
editor.focus();
【取得编辑器HTML内容】
var html=editor.html();
【取得编辑器纯文本内容】
var text=editor.text();
【移除编辑器】
editor.remove();
【设置编辑器HTML】
editor.html('&strong&编辑器内容&/strong&');
【设置编辑器纯文本内容，直接显示HTML代码】
editor.text('&strong&编辑器内容&/strong&');
【判断编辑器内容是否为空】
if(editor.isEmpty()){
alert('请输入内容');
【将指定的HTML内容插入到编辑器区域里的光标处】
editor.insertHtml('&strong&插入内容&/strong&');
【将指定的HTML内容添加到编辑器区域的最后位置。】
editor.appendHtml('&strong&追加内容&/strong&');
【编辑器切换全屏模式】
editor.fullscreen();
【设置编辑器的只读状态】
editor.readonly(false); //true:只读，false:取消只读
==================================================================================
【浏览服务器】选择已上传的文件
① 必须先引用编辑器的default.css文件
&link rel=&stylesheet& type=&text/css& href=&../Editor/themes/default/default.css& /&
② 必须引用一下两个JavaScript文件
&script type=&text/javascript& src=&../Editor/kindeditor-min.js&&&/script&
&script type=&text/javascript& src=&../Editor/lang/zh_CN.js&&&/script&
③ 具体实现方法
复制代码 代码如下:
&script type=&text/javascript&&
$(function(){
var editor = KindEditor.editor();
$('#filemanager').click(function() {
editor.loadPlugin('filemanager', function() { //加载插件
editor.plugin.filemanagerDialog({
viewType : 'VIEW', //显示方式，有两种分别是VIEW（缩略图）和LIST（详细信息）
dirName : 'image',
//选择查看的指定文件夹下的文件【包括子目录下的文件】，默认只能是image,flash,media,file四种，如需添加自定义文件夹，可修改例如：asp/file_manager_json.asp文件第40行。
clickFn : function(url, title) { //选择玩文件后执行下面的代码
$('#url').val(url);
editor.hideDialog(); //隐藏浏览服务器对话框
【上传本地文件到服务器】
① 引用CSS文件
&link rel=&stylesheet& type=&text/css& href=&../Editor/themes/default/default.css& /&
② 引用编辑器JavaScript文件
&script type=&text/javascript& src=&../Editor/kindeditor-min.js&&&/script&
③ 具体实现方法
复制代码 代码如下:
&script type=&text/javascript&&
$(function(){
var uploadbutton = KindEditor.uploadbutton({
button : KindEditor('#upload'), //注意此处，不能使用jQuery的$
fieldName : 'imgFile', //不要修改
url : '../Editor/asp/upload_json.asp?dir=file',
//上传处理程序页面，dir参数有四种:flash,media,file,其他（图片），上传后缀限制可修改程序页面代码，如：upload_json.asp
afterUpload : function(data) {
if (data.error === 0) {
var url = KindEditor.formatUrl(data.url, 'absolute');
$('#url').val(url);
alert(data.message);
afterError : function(str) {
alert('上传发送错误！');
//如果需要显示错误信息，可设置如alert('发生错误：'+str);，如不需显示可将上面str删除
uploadbutton.fileBox.change(function(e) {
uploadbutton.submit();
【上传图片】包括选择服务器已上传的图片
① 引用CSS文件
&link rel=&stylesheet& type=&text/css& href=&../Editor/themes/default/default.css& /&
② 引用编辑器JavaScript文件
&script type=&text/javascript& src=&../Editor/kindeditor-min.js&&&/script&
③ 引用语言包文件，必须的
&script type=&text/javascript& src=&../Editor/lang/zh_CN.js&&&/script&
④ 具体实现方法
复制代码 代码如下:
&script type=&text/javascript&&
$(function(){
var editor = KindEditor.editor({
allowFileManager : true //允许选择已上传的图片
$('#image').click(function() {
editor.loadPlugin('image', function() {
editor.plugin.imageDialog({
imageUrl : $('#url').val(),
clickFn : function(url, title, width, height, border, align) {
$('#url').val(url); //可使用其他参数。
editor.hideDialog();
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：125738次
积分：1424
积分：1424
排名：第19532名
原创：17篇
转载：48篇
评论：20条
(1)(1)(2)(1)(1)(9)(3)(4)(3)(1)(1)(3)(7)(4)(2)(4)(7)(6)(1)(4)[转载]KindEditor使用方法
编辑器调用方法
1. 下载KindEditor最新版本。
2. 解压zip文件，将所有文件上传到您的网站程序目录下。例如：http://您的域名/editor/
要显示编辑器的位置添加TEXTAREA输入框。注：id必须指定唯一值，还有有些浏览器上不设宽度和高度可能显示有问题，所以最好设一下宽度和高度。宽度和高度可用inline样式设置，也可用编辑器属性传进去。
&textarea id="your_editor_id" name="content"
cols="100" rows="8"
style="width:700height:300"&&/textarea&
4. 该页面添加以下代码。 &script charset="utf-8"
src="/editor/kindeditor.js"&&/script&
&script& KE.show({ id :
'your_editor_id' }); &/script&
除id之外还可以设置其它的属性，具体属性请参考编辑器属性。
编辑器属性调用KE.show或KE.init时可以设置以下参数。
&1. id TEXTAREA输入框的ID，必须设置。 数据类型：String
配置编辑器的工具栏，其中"-"表示换行，"|"表示分隔符。数据类型：Array 默认值： ['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', 'table', 'hr', 'emoticons', 'link', 'unlink',
'|', 'about']
3. width 编辑器的宽度，可以设置px或%，比TEXTAREA输入框样式表宽度优先度高。 数据类型：String
默认值：TEXTAREA输入框的宽度 注: 3.2版本开始支持。
4. height 编辑器的高度，只能设置px，比TEXTAREA输入框样式表高度优先度高。 数据类型：String
默认值：TEXTAREA输入框的高度 注: 3.2版本开始支持。
5. minWidth 数据类型：Int 指定编辑器最小宽度，单位为px。 默认值：200
6. minHeight 数据类型：Int 指定编辑器最小高度，单位为px。 默认值：100
7. filterMode 数据类型：Boolean
true时过滤HTML代码，false时允许输入任何代码。默认值：false 注:
3.4以前版本的filterMode默认值为true。
8. htmlTags
指定要保留的HTML标记和属性。哈希数组的key为HTML标签名，value为HTML属性数组，"."开始的属性表示style属性。数据类型：Object
默认值： { 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时有效。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. skinsPath 指定编辑器的skins目录，skins目录存放风格的css文件和gif图片。 数据类型：String
默认值：KE.scriptPath + 'skins/'
14. pluginsPath 指定编辑器的plugins目录。 数据类型：String 默认值：KE.scriptPath +
'plugins/'
15. minChangeSize
undo/redo文字输入最小变化长度，当输入的文字变化小于这个长度时不会添加到undo堆栈里。 数据类型：Int 默认值：5
16. loadStyleMode true时自动加载编辑器的CSS。 数据类型：Boolean 默认值：true 注:
3.4版本开始支持。
17. urlType
改变站内本地URL，可设置空、relative、absolute、domain。空为不修改URL，relative为相对路径，absolute为绝对路径，domain为带域名的绝对路径。数据类型：String默认值：空
注: 3.4版本开始支持，3.4.1版本开始默认值为空。
18. newlineTag 设置回车换行标签，可设置p、br。 数据类型：String 默认值：br 注:
3.4版本开始支持。 19. afterCreate 设置编辑器创建后执行的回调函数。 数据类型：Function 默认值：无
20. afterDialogCreate 设置弹出浮动框创建后执行的回调函数。 数据类型：Function 默认值：无 注:
3.4.3版本开始支持。
21. allowUpload true或false，true时显示上传图片标签。 数据类型：Boolean 默认值：true
注: 3.4版本开始支持。
22. allowFileManager true或false，true时显示浏览服务器图片功能。 数据类型：Boolean
默认值：false 注: 3.4版本开始支持。
23. referMethod
设置referMethod后上传图片的POST参数里有referMethod。数据类型：String 默认值：空 注:
3.4版本开始支持。
24. dialogAlignType
设置弹出框(dialog)的对齐类型，可设置page和空，指定page时按当前页面居中，指定空时按编辑器居中。 数据类型：String
默认值：page 注: 3.4.1版本开始支持。
25. imageUploadJson 指定上传图片的服务器端程序。 数据类型：String
默认值：../../php/upload_json.php 注: 3.4.1版本开始支持。
26. fileManagerJson
指定浏览远程图片的服务器端程序。数据类型：String默认值：../../php/file_manager_json.php 注:
3.4.1版本开始支持。
27. autoSetDataMode
true或false，true时自动将编辑器内容设置到原来的textarea，也就是每次输入内容就执行KE.util.setData函数。数据类型：Boolean
默认值：true 注:
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版本开始支持。
参数设置例子： KE.show({ id : "content_1", width : "70%", //编辑器的宽度为70%
height : "200px", //编辑器的高度为100px filterMode : false, //不会过滤HTML代码
resizeMode : 1 //编辑器只能调整高度 });
一、添加"你好"插件
1. 定义KE.lang['hello'] = "你好"。 KE.lang['hello'] = "您好";
2. 定义KE.plugin['hello']，所有逻辑都在这个对象里，点击图标时默认执行click方法。
KE.plugin['hello'] = { click : function(id) { alert("您好"); } };
3. 页面里添加图标定义CSS。 .ke-icon-hello { background-image:
url(./skins/default.gif); background-position: 0px -672 width:
16 height: 16 }
4. 最后调用编辑器时items数组里添加hello。 KE.show({ id : 'content1', items :
['hello'] });
演示地址：在新窗口打开 二、添加插入远程图片的插件
1. 定义KE.lang['remote_image'] = "插入远程图片"。 KE.lang['remote_image']
= "插入远程图片";
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). var title = KE.$('imgTitle',
dialogDoc). var width = KE.$('imgWidth', dialogDoc).
var height = KE.$('imgHeight', dialogDoc). var border =
KE.$('imgBorder', dialogDoc). if
(url.match(/.(jpg|jpeg|gif|bmp|png)$/i) == null) {
alert(KE.lang['invalidImg']); window.focus();
KE.g[id].yesButton.focus(); } if
(width.match(/^d+$/) == null) { alert(KE.lang['invalidWidth']);
window.focus(); KE.g[id].yesButton.focus(); } if
(height.match(/^d+$/) == null) { alert(KE.lang['invalidHeight']);
window.focus(); KE.g[id].yesButton.focus(); } if
(border.match(/^d+$/) == null) { alert(KE.lang['invalidBorder']);
window.focus(); KE.g[id].yesButton.focus(); } return
}, exec : function(id) { KE.util.select(id); var iframeDoc =
KE.g[id].iframeD var dialogDoc =
KE.util.getIframeDoc(KE.g[id].dialog); if (!this.check(id)) return
var url = KE.$('url', dialogDoc). var title =
KE.$('imgTitle', dialogDoc). var width = KE.$('imgWidth',
dialogDoc).
var height = KE.$('imgHeight', dialogDoc). var border =
KE.$('imgBorder', dialogDoc). 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. 页面里添加图标定义CSS。
&.ke-icon-remote_image { background-image:
url(./skins/default.gif); background-position: 0px -496 width:
16 height: 16 }
4. 最后调用编辑器时items数组里添加remote_image。 KE.show({ id : 'content1',
items : ['remote_image'] });
1. KE.scriptPath kindeditor.js的路径。 数据类型：String
2. KE.browser
浏览器类型和版本，分别为KE.browser.VERSION、KE.browser.IE、KE.browser.WEBKIT、KE.browser.GECKO、KE.browser.OPERA。
数据类型：Object 注：3.4以前版本直接返回字符串，分别为"IE"、"WEBKIT"、"GECKO"、"OPERA"。
3. KE.g[id].iframeDoc 编辑区域的iframe对象。 数据类型：Element
4. KE.g[id].keSel 当前选中信息的KE.selection对象，id为编辑器ID。数据类型：Object
5. KE.g[id].keRange 当前选中信息的KE.range对象，id为编辑器ID。 数据类型：Object
6. KE.g[id].sel 当前选中信息的浏览器原生selection对象，id为编辑器ID。数据类型：Object
7. KE.g[id].range 当前选中信息的浏览器原生range对象，id为编辑器ID。 数据类型：Object
1. KE.show(config)
初始化并创建编辑器。执行本函数时先调用KE.init设置初始化参数，然后在DOM加载完成后执行KE.create。 参数：
config：Object，编辑器属性集合，具体请参考编辑器属性 返回值：无
2. KE.init(config) 设置编辑器的初始化参数，loadStyleMode为true时自动加载CSS文件。 参数：
config：Object，编辑器属性集合，具体请参考编辑器属性 返回值：无
3. KE.create(id, mode) 创建编辑器。 参数： id：String，编辑器的ID
mode：Int，可选参数，指定1时在body下面创建编辑器，0或未指定时在TEXTAREA前面创建编辑器。 返回值：无
4. KE.remove(id, mode) 移除编辑器。 参数： id：String，编辑器的ID
mode：Int，可选参数，指定1时移除在body下面的编辑器，0或未指定时移除在TEXTAREA前面的编辑器。 返回值：无
5. KE.html(id) 取得编辑器的HTML内容。 参数： id：String，编辑器的ID 返回值：
String，HTML字符串 注: 3.5版本开始支持，旧版本可以使用KE.util.getData(id)。
6. KE.html(id, val) 设置编辑器的HTML内容。 参数： id：String，编辑器的ID val:
String，HTML字符串 返回值：无 注: 3.5版本开始支持，旧版本可以使用KE.util.setFullHtml(id,
7. KE.text(id) 取得编辑器的纯文本内容。 参数： id：String，编辑器的ID 返回值：
String，去除HTML代码后的文本 注: 3.5版本开始支持。
8. KE.text(id, val) 设置编辑器的内容，直接显示HTML代码。 参数： id：String，编辑器的ID
val: String，文本 返回值：无 注: 3.5版本开始支持。
9. KE.selectedHtml(id) 取得当前被选中的HTML内容。 参数： id：String，编辑器的ID 返回值：
String，HTML字符串 注: 3.5版本开始支持。
10. KE.count(id, mode) 取得编辑器内容的文字数量。 参数： id：String，编辑器的ID
mode：String，可选参数，默认值也"html"，mode为"html"时取得字数包含HTML代码，mode为"text"时只包含纯文本、IMG、EMBED。返回值：
Int，文字数量 注: 3.5版本开始支持。
11. KE.isEmpty(id) 判断编辑器是否有可见内容，比如文本、图片、视频。 参数：
id：String，编辑器的ID
返回值：Boolean 注: 3.5版本开始支持，旧版本可以使用KE.util.isEmpty(id)。
12. KE.insertHtml(id, val) 将指定的HTML内容插入到编辑区域里的光标处。 参数：
id：String，编辑器的ID val: String，HTML字符串 返回值：无 注:
3.5版本开始支持，旧版本可以使用KE.util.insertHtml(id, val)。
13. KE.appendHtml(id, val) 将指定的HTML内容添加到编辑区域最后位置。 参数：
id：String，编辑器的ID val: String，HTML字符串 返回值：无 注: 3.5版本开始支持。
14. KE.util.setData(id) 把编辑器的内容设置到原TEXTAREA控件里。 参数：
id：String，编辑器的ID 返回值：无
1. 编辑器好像是UTF-8编码的，可以在GB2312页面上使用吗？
2. 我想通过ajax方式加载编辑器，但是加KE.show后没有效果。
3. 为什么会丢失某些HTML标签，是不是编辑器的BUG？
4. 调用编辑器后显示不正常，怎么调整才能不和我的页面的CSS冲突？
5. 跨域调用后，点击插入图片或超级链接会报错。
6. 我取不到编辑器数据，直接取得textarea的value也没用。
7. 上传图片为什么出现"服务器发生故障。"？
1. 编辑器好像是UTF-8编码的，可以在GB2312页面上使用吗？
可以使用。有两种方法，一种方法是引入kindeditor.js文件时将script的charset属性设置成utf-8。还有一种方法是直接将html/js/css文件编码都转换成GB2312编码（用Notepad++、editPlus等文本编辑器就可以转换编码），不过转换格式后升级比较困难，建议使用第一种方法。
&script type="text/javascript" charset="utf-8"
src="/editor/kindeditor.js"&&/script&
我想通过ajax方式加载编辑器，但是加KE.show后没有效果。这个需要理解KE.show和KE.create的区别。KE.show的原理是先执行KE.init设置一些变量，等DOM全部创建以后才开始执行KE.create创建编辑器。如果浏览器不触发DOMContentLoaded事件（例如：点击某个按钮，通过innerHTML插入HTML等），则不能使用KE.show，需要直接调用KE.init和KE.create。还有我发现很多同学直接把javascript代码放在ajax返回的HTML页面里执行，这么做可能出现不可预测的错误，最好的方法是ajax只返回纯HTML，返回成功后在该ajax方法的回调函数（callback
function）里执行javascript。 //ajax请求之前执行KE.init KE.init({ id :
'textarea_id' }); //ajax返回HTML后执行KE.create创建编辑器
KE.create('textarea_id');
3. 为什么会丢失某些HTML标签，是不是编辑器的BUG？
这是因为3.4版本以前编辑器默认开启了过滤模式（filterMode:true）。当filterMode为true时，编辑器会根据htmlTags设定自动过滤HTML代码，主要是为了生成干净的代码。如果想保留所有HTML，请将filterMode设置成false。如果想保留特定HTML，请将filterMode设置成true后，配置htmlTags属性。从3.4版本开始默认关闭过滤模式，所以要过滤HTML，需要将filterMode设置成true。
KE.show({ id : 'textarea_id', filterMode : true // true:开启过滤模式,
false:关闭过滤模式 });
4. 调用编辑器后显示不正常，怎么调整才能不和我的页面的CSS冲突？
KindEditor所有CSS选择器都用ke开头的名字，所以名字是不会直接冲突的，一般页面显示不正常的原因是你的页面使用了全局标签的CSS定义。解决方式是为编辑器的div、table、td等标签重新设置一遍CSS。首先将skins/oxygen.css文件放在你的CSS文件后面，然后在oxygen.css文件后面再定义一遍发生冲突的CSS。
&style& img { border: 1px solid
#555555; padding: 10 } &/style&
&!-- 编辑器的CSS文件 --&
&link rel="stylesheet" type="text/css"
href="./skins/oxygen.css" /&
&style& img { border: 0; padding: 0;
} &/style& &!--
显式包含CSS时，需要将loadStyleMode属性设置成false
--&&script& KE.show({
id : 'textarea_id', loadStyleMode : false });
5. 跨域调用后，点击插入图片或超级链接会报错。
KindEditor的弹出框是用iframe加载HTML文件后显示的，跨域后2个document的域名不一样，无法进行跨页面js调用。有一个解决跨域问题的方法是postMessage，可惜IE6和IE7都不支持postMessage，需要用VBScript解决，具体实现可参考shindig代码。还有一个方法是不用iframe加载外部HTML的模式，重新实现弹出框（KE.dialog）的代码。
6. 我取不到编辑器数据，直接取得textarea的value也没用。
KindEditor的可视化操作在新创建的iframe上执行，代码模式下的textarea框也是新创建的，所以最后提交前需要将HTML数据设置到原来的textarea，KE.util.setData函数会完成这个动作。
KindEditor在默认情况下自动寻找textarea所属的form元素，找到form后onsubmit事件里添加KE.util.setData()函数，所以您用传统方法使用编辑器，不需要额外执行KE.util.setData函数。
//将编辑器的HTML数据设置到textarea KE.util.setData(id);
//KE.util.setData等价于以下代码 KE.g[id].srcTextarea.value =
KE.util.getData(id); 7.
上传图片为什么出现"服务器发生故障。"？出现这个提示的根本原因是没有正确返回JSON数据。具体原因有很多，imageUploadJson参数设置错误，upload_json.xxx程序出错都会出现这个提示。这时用Firefox的Firebug插件调试比较方便，上传图片后在Firebug的"网络"
& "HTML"里能看到"POST
upload_json.xxx"，正常情况下HTTP状态为200，并返回正确的JSON格式，
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。