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()函数。
或可以放在提交按钮的onclick属性里。 5. 如果KindEditor文件放在其它目录下,那就需要通过skinPath、iconPath属性指定图片、笑脸目录。 * 使用方法可以参考demo文件。 ----------------------------------------------------------------------- 二 属性介绍 ----------------------------------------------------------------------- 1. siteDomain 网站域名,这个域名下的图片改成相对路径。 默认值:无 例:wwww.kindsoft.net 2. editorType simple或full,简单模式或完全模式 默认值:full 3. safeMode true或false,安全模式。true时过滤脚本和事件属性。 默认值:false 4. uploadMode true或false,上传模式。true时使用上传功能。 默认值:true 5. hiddenName 提交时编辑内容的POST参数名 默认值:无 6. editorWidth 编辑器宽度 默认值:700px 7. editorHeight 编辑器高度 默认值:400px 8. skinPath 编辑器图片路径 默认值:skins/default/ 9. iconPath 编辑器笑脸图片路径 默认值:icons/ 10. imageAttachPath 保存上传图片的路径 默认值:attached/ 11. imageUploadCgi 上传图片的CGI文件路径 默认值:./upload_cgi/upload.php 12. menuBorderColor 下拉菜单边框颜色 默认值:#AAAAAA 13. menuBgColor 下拉菜单背景颜色 默认值:#EFEFEF 14. menuTextColor 下拉菜单文本颜色 默认值:#222222 15. menuSelectedColor 下拉菜单选中颜色 默认值:#DDDDDD 16. toolbarBorderColor 工具栏背景颜色 默认值:#DDDDDD 17. toolbarBgColor 工具栏背景颜色 默认值:#EFEFEF 18. formBorderColor 编辑框边框颜色 默认值:#DDDDDD 19. formBgColor 编辑框背景颜色 默认值:#FFFFFF 20. buttonColor 按钮背景颜色 默认值:#AAAAAA ----------------------------------------------------------------------- 属性例子: ----------------------------------------------------------------------- ----------------------------------------------------------------------- 三 编写图片上传CGI ----------------------------------------------------------------------- KindEditor不建议您使用upload_cgi里自带的CGI程序,因为用这个上传图片无法进行管理。 建议您图片原名和更改后名字一起保存到文件或数据库里,并按栏目保存在不同的目录下。 1. Form结构 -------------------------------------- 更改后文件名 文件 描述 横隔 竖隔
-------------------------------------- 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。

近期下载者

相关文件


收藏者