kindSoft在线网页编辑器简单的配置参数介绍

对于网页编辑器来说，能在项目开发中派上大用场，确实能大大减轻开发人员的负担。KindSoft 一直是个不错的选择，不少团队都在持续使用它。下面就把一些常见的配置要点整理一下。

基础引入与初始化

首先，把下载好的 KindSoft 文件放到项目目录下。然后在页面的 Head 部分引入两个核心脚本：

接着插入一段初始化代码，把编辑器绑定到指定的输入框上：

这里的 tbContent 就是你要嵌入编辑器的 Input 标签的 id 值。搞定这一步，惊喜就出现了——如下图所示：

文件上传路径配置

如果要做图片、Flash 或视频的上传，很多人会卡在上传路径不对的问题上。其实只需要调整一下初始化参数，把上传和文件管理器的路径指对就行了：

上面标记颜色的路径部分，需要根据你自己的实际项目结构来调整，保证能正确指向那两个 .ashx 处理程序。

工具栏按钮定制

默认的工具栏按钮可能不是每个项目都需要的，可以按需裁剪。在 KindEditor 的源码文件 kindeditor.js 中，大概第 246 行附近有一个 items 配置项，里面就是完整的工具栏按钮列表。你可以直接修改这个数组，保留或移除你想要的按钮。下面是一个完整的默认配置列表：

[
'source', '|', 'undo', 'redo', '|', 'preview', 'print', 'template', 'code', 'cut', 'copy', 'paste',
'plainpaste', 'wordpaste', '|', 'justifyleft', 'justifycenter', 'justifyright',
'justifyfull', 'insertorderedlist', 'insertunorderedlist', 'indent', 'outdent', 'subscript',
'superscript', 'clearhtml', 'quickformat', 'selectall', '|', 'fullscreen', '/',
'formatblock', 'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold',
'italic', 'underline', 'strikethrough', 'lineheight', 'removeformat', '|', 'image', 'multiimage',
'flash', 'media', 'insertfile', 'table', 'hr', 'emoticons', 'baidumap', 'pagebreak',
'anchor', 'link', 'unlink', '|', 'about'
]

每个按钮对应的功能说明如下：

以上是 KindEditor 最常用的几个配置点，从引入到上传再到工具栏定制，基本覆盖了日常开发中的常见需求。实际项目中可以根据具体场景灵活调整，不必拘泥于默认设置。