KindEditor使用手册

KindEditor使用手册

一简单使用方法

1.

把所有文件上传到程序所在目录下，例如：http://你的域名/editor/。

2.

在此目录下创建attached文件夹，并把权限改成777。3.

要添加编辑器的地方加入以下代码。（原来的TEXTAREA或其它编辑器可以先注释。）

这里[]里的内容要根据你的实际情况修改。

-----------------------------------------------------------------------

<input type="hidden" name="[原TEXTAREA名字]" value="[这里放你要编辑的内容]">

<script type="text/javascript" charset="utf-8"

src="[JS路径]/KindEditor.js"></script>

<script type="text/javascript">

var editor = new KindEditor("editor"); //创建编辑器对象editor.hiddenName = "[原TEXTAREA名字]"; editor.editorWidth = "[编辑器宽度,例如：700px]"; editor.editorHeight = "[编辑器高度,例如：400px]"; editor.show(); //显示

//提交时获得最终HTML代码的函数

function KindSubmit() {

editor.data();

}

</script>

----------------------------------------------------------------------- 4.

FORM的onsubmit属性里添加KindSubmit()函数。

<form name="formname"

onsubmit="javascript:KindSubmit();">

或可以放在提交按钮的onclick属性里。

<input type="button" value="Submit"

onclick="javascript:KindSubmit();">

5.

如果KindEditor文件放在其它目录下，那就需要通过skinPath、iconPath属性指定图片、笑脸目录。

* 使用方法可以参考demo文件。

----------------------------------------------------------------------- 二属性介绍

----------------------------------------------------------------------- 1. editorType

simple或full，简单模式或完全模式

默认值：full

2. safeMode

true或false，安全模式。true时过滤Script脚本。

默认值：false

3. uploadMode

true或false，上传模式。true时使用上传功能。

默认值：true

4. hiddenName

提交时编辑内容的POST参数名

默认值：无

5. editorWidth

编辑器宽度

默认值：700px

6. editorHeight

编辑器高度

默认值：400px

7. skinPath

编辑器图片路径

默认值：./skins/default/ 8. iconPath

编辑器笑脸图片路径

默认值：./icons/

9. imageAttachPath

保存上传图片的路径

默认值：./attached/

10. imageUploadCgi

上传图片的CGI文件路径

默认值：./upload_cgi/upload.php 11. menuBorderColor

下拉菜单边框颜色

默认值：#AAAAAA

12. menuBgColor

下拉菜单背景颜色

默认值：#EFEFEF

13. menuTextColor

下拉菜单文本颜色

默认值：#222222

14. menuSelectedColor

下拉菜单选中颜色

默认值：#DDDDDD 15. toolbarBorderColor

工具栏背景颜色

默认值：#DDDDDD 16. toolbarBgColor

工具栏背景颜色

默认值：#EFEFEF 17. formBorderColor

编辑框边框颜色

默认值：#DDDDDD 18. formBgColor

编辑框背景颜色

默认值：#FFFFFF

19. buttonColor

按钮背景颜色

默认值：#AAAAAA

20. cssPath

指定CSS文件路径

默认值：./common.css

----------------------------------------------------------------------- 属性例子：

-----------------------------------------------------------------------

<input type="hidden" name="content"

value="[这里放你要编辑的内容]">

<script type="text/javascript"

src="./KindEditor.js"></script>