KindEditor
所属分类:WEB开发
开发工具:JavaScript
文件大小:98KB
下载次数:176
上传日期:2007-09-03 23:57:52
上 传 者:
eric_figo
说明: 基于浏览器的简单的所见即所得(WYSWYG)HTML编辑器,有体积小、文件少、效率高等特点。它是100%用DHTML/JavaScript编写的,可以很方便地嵌入到ASP,ASP.NET,PHP,JSP等CGI程序里。
支持浏览器:
1) Internet Explorer v5.5++
2) Mozilla Firefox v1.0+
3) Mozilla v1.3+
4) NetScape v7+
5) Opera 9+
和v2.3相比变更的地方有:
1. 增加了RealPlayer插入功能。
2. 增加了ASP上传程序。(需要ABCUpload组件)
3. 增加了图片增加对齐、间隔、描述设置。
4. 增加了Script过滤选择属性。
5. 增加了图片上传选择属性。
6. 增加了两端对齐。
7. 修改了先选择[字体、大小、颜色等]后再输入会无效的问题。
8. 修改了有些动作无法撤消的问题。
9. 修改了插入视频,连接,FLASH等等焦点默认不在提交按钮上的问题。
10. 修改了简单模式下无法提交内容的问题。
11. 取消层的默认宽度和高度。
12. 设置域名后本地图片时地址改成相对URL。
13. 增加了upload_cgi目录,存放CGI程序。
文件列表:
attached (0, 2006-08-16)
demo.html (1753, 2006-08-17)
demo.php (482, 2006-08-17)
fck_demo.html (2266, 2006-08-17)
icons (0, 2006-08-16)
icons\etc_01.gif (671, 2006-08-01)
icons\etc_02.gif (687, 2006-08-01)
icons\etc_03.gif (682, 2006-08-01)
icons\etc_04.gif (655, 2006-08-01)
icons\etc_05.gif (643, 2006-08-01)
icons\etc_06.gif (660, 2006-08-01)
icons\etc_07.gif (657, 2006-08-01)
icons\etc_08.gif (680, 2006-08-01)
icons\etc_09.gif (670, 2006-08-01)
icons\etc_10.gif (657, 2006-08-01)
icons\etc_11.gif (655, 2006-08-01)
icons\etc_12.gif (687, 2006-08-01)
icons\etc_13.gif (666, 2006-08-01)
icons\etc_14.gif (657, 2006-08-01)
icons\etc_15.gif (683, 2006-08-01)
icons\etc_16.gif (685, 2006-08-01)
icons\etc_17.gif (445, 2006-08-01)
icons\etc_18.gif (453, 2006-08-01)
icons\etc_19.gif (423, 2006-08-01)
icons\etc_20.gif (453, 2006-08-01)
icons\etc_21.gif (322, 2006-08-01)
icons\etc_22.gif (473, 2006-08-01)
icons\etc_23.gif (444, 2006-08-01)
icons\etc_24.gif (1077, 2006-08-01)
icons\etc_25.gif (1030, 2006-08-01)
icons\etc_26.gif (1012, 2006-08-01)
icons\etc_27.gif (978, 2006-08-01)
icons\etc_28.gif (303, 2006-08-01)
icons\etc_29.gif (342, 2006-08-01)
icons\etc_30.gif (1036, 2006-08-01)
icons\etc_31.gif (1039, 2006-08-01)
icons\etc_32.gif (1059, 2006-08-01)
icons\etc_33.gif (1064, 2006-08-01)
icons\etc_34.gif (992, 2006-08-01)
icons\etc_35.gif (989, 2006-08-01)
... ...
#######################################################################
#
# KindEditor 2.4 自述文件
#
#######################################################################
一 简单使用方法
1. 把所有文件上传到程序所在目录下,例如:http://你的域名/editor/。
2. 在此目录下创建attached文件夹,并把权限改成777。
3. 要添加编辑器的地方加入以下代码。(原来的TEXTAREA或其它编辑器可以先注释。)
这里[]里的内容要根据你的实际情况修改。
-----------------------------------------------------------------------
-----------------------------------------------------------------------
4. FORM的onsubmit属性里添加KindSubmit()函数。
--------------------------------------
2. 调用的JavaScript函数
parent.KindInsertImage("[图片URL]","[图片宽度]","[图片高度]","[图片边框]","[ALT里的描述]","[图片对齐方式]","[图片横向空白]","[图片竖向空白]");
最后上传成功后执行这个函数插入图片并关闭下拉菜单。
* 注意点: 文件要上传到JavaScript里imageAttachPath目录里。
parent.KindDisableMenu();
隐藏所有弹出菜单。
parent.KindReloadIframe();
重新装载图片弹出菜单。
3. 具体编写方法请参考upload_cgi里的程序。
-----------------------------------------------------------------------
四、风格制作方法
-----------------------------------------------------------------------
1. 首先在skins目录下建立一个目录。例如: skins/myskin/
2. 把skins/default/目录下的所有文件复制到自定义风格目录下。
然后可以一个一个替换,大小可以不同,但名字必须保持一致。
3. 在调用编辑器的地方,通过属性配置风格路径和编辑器颜色。
例如:
editor.skinPath = "skins/myskin/"; //指向刚才制作好的目录
editor.menuBorderColor = '#696969';
editor.menuBgColor = '#EFEFDE';
editor.menuTextColor = '#000000';
editor.menuSelectedColor = '#C7C78F';
editor.toolbarBorderColor = '#696969';
editor.toolbarBgColor = '#EFEFDE';
editor.formBorderColor = '#696969';
editor.buttonColor = '#C7C78F';
-----------------------------------------------------------------------
-----------------------------------------------------------------------
五、常见问题
-----------------------------------------------------------------------
1. 怎么在GB2312编码下使用KindEditor?
答:本编辑器默认采用UTF-8格式。要改成GB2312格式,用任何带有编码转换功能的编辑器(UltraEdit, EditPlus等)把KindEditor.js文件本身格式转换成GB2312就可以。
若使用图片上传功能,upload程序也要改成GB2312。
-----------------------------------------------------------------------
要了解详情或有疑问,请访问http://www.kindsoft.net。
近期下载者:
相关文件:
收藏者: