KindEditor编辑相对于FCK来说个人感觉更加的简便,使用起来也顺手。KindEditor同样也可以针对工具栏中的功能进行增减。
有时用在会员或网站前台时,只需要编辑器的字体效果以及图片地址的粘贴,而默认的KindEditor则是列出所有的功能来,所以需要对它进行一些配置。
打开 KindEditor目录下的kindeditor.js文件, 搜索items: 大概在60行左右,可以看到所有的工具栏按钮都在这里定义成一个数组。删除你不需要的按钮即可。不过这样的操作将影响所有调用该编辑器的页面,所以我们可以在需要减少按钮的aspx页定义一个数组后再引用kindeditor.js文件,如:
var itemshow=['title', 'fontname', 'fontsize', '|', 'textcolor', 'bgcolor', 'bold','italic', 'underline', 'strikethrough', 'removeformat', '|', 'image','hr', 'emoticons', 'link', 'unlink'];
<script type=”text/javascript” src=”../KindEditor/kindeditor.js”></script>
<script type=”text/javascript”>
KE.show({
id: ‘<%=txtContent.ClientID %>’,
allowFileManager: false,
allowUpload:false
});
</script>
接着再在kindeditor.js的KE.setting = { 前面加个判断
if (typeof (itemshow) == ‘undefined’) {
itemshow = ['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', 'advtable', 'hr', 'emoticons', 'link', 'unlink', '|', 'about'];
}
这里定义 itemshow是默认显示所有的按钮。
分享到:
相关推荐
5. **KindEditor配置**:KindEditor自身也有一些配置可以调整,例如设置服务器接收到的POST数据的编码。可以通过修改`KindEditor.config.charset`为`'utf-8'`来设定。 6. **浏览器兼容性**:不同的浏览器对编码的...
3. **初始化KindEditor**:在JavaScript中创建编辑器实例,并设置基本配置,如宽度、高度、工具栏等。例如: ```javascript KindEditor.ready(function(K) { var editor = K.create('textarea[name="content"]', ...
6. **自定义配置**:开发者可以根据需求调整编辑器的外观和功能,如设置工具栏按钮、改变皮肤等。 在压缩包内的文件中,`kindeditor.php`是编辑器的核心PHP文件,负责与服务器交互,处理如文件上传、保存编辑内容等...
配置编辑器的初始化参数,包括路径设置、语言选择、工具栏定制等。在HTML页面中,通过JavaScript调用KindEditor的`create()`方法来实例化编辑器。 3. **添加JMathEditor插件**:将JMathEditor的插件文件放置在...
例如,你可以添加自定义按钮、改变工具栏布局、监听编辑器事件等。具体的API文档可以在KindEditor官方网站上查阅。 **八、安全考虑** 在使用KindEditor时,注意处理用户输入的安全性,防止XSS攻击。对于用户提交的...
3. 配置KindEditor:KindEditor有许多可配置的选项,如工具栏、样式、语言等,可以根据需求进行设置。这些配置可以在创建编辑器实例时指定。 4. 事件监听与交互:为了实现数据的保存或获取,我们需要监听KindEditor...
8. **扩展与定制**:Kindeditor提供了丰富的API和插件系统,可以根据需求进行扩展,比如添加自定义按钮、工具栏或者实现特殊功能。你也可以根据项目需求,调整编辑器的样式以匹配网站设计。 通过以上步骤,你可以...
这里我们设置了编辑器的宽度、高度,并且在工具栏中添加了'video'按钮,用于插入视频。 3. **添加视频插件**: 插件是KindEditor扩展功能的关键。在`plugins`目录下,你可以找到或创建一个用于处理视频的插件。通常...
3. **自定义配置**:开发者可以根据需求对编辑器进行高度定制,比如设置工具栏、调整样式、禁用某些功能等,以满足不同场景下的需求。 4. **插件扩展**:KindEditor拥有丰富的插件库,可以方便地扩展编辑器的功能,...
5. **自定义配置**:KindEditor允许我们自定义各种配置,如工具栏、语言、上传图片等。你可以在组件的`props`中传递这些配置。 ```javascript <KindEditor :height="300" v-model="content" :config="{...
- `items`:定义工具栏上的按钮,例如:`['source', '|', 'bold', 'italic']`。 - `uploadJson`:图片、文件上传的URL,用于处理上传请求。 - `allowFileManager`:是否开启文件管理器,如果开启,用户可以通过内置...
- 工具栏配置:可以通过设置`config.toolbar`来定制工具栏。例如,使用基础工具栏: ```javascript config.toolbar = 'Basic'; ``` 或者全功能工具栏: ```javascript config.toolbar = 'Full'; ``` 还可以...
可以通过`items`配置项自定义工具栏按钮,每个按钮由字符串表示,如`'bold'`代表加粗,`'|'`代表分隔符。 8. **图片上传** 配置`uploadJson`参数指定服务器端接收图片的URL,编辑器会自动发送图片数据到该地址。...
这个函数可能已经预设了一些基本配置,如编辑器的宽高、工具栏设置等,以便在页面上即插即用。 3. 赋值与取值:封装还可能包括了对编辑器内容的管理,例如设置初始内容(赋值)和获取当前内容(取值)。这些操作...
4. **自定义工具栏**:KindEditor允许你根据需求定制工具栏,只需在配置项中指定所需的工具栏按钮,如: ```javascript toolbar: ['source', '|', 'undo', 'redo', '|', 'bold', 'italic', 'underline', '...
在实际应用中,开发者可以通过自定义配置来调整KindEditor的行为,例如设置默认样式、修改工具栏按钮、改变语言环境等。它还支持通过JavaScript API进行更深层次的交互,例如在用户保存内容时触发特定事件或进行数据...
4. 自定义工具栏:你可以根据需要自定义编辑器的工具栏,添加或移除按钮,如: ```javascript toolbar : ['source','|','undo','redo','|','cut','copy','paste','plainpaste','wordpaste','|','justifyleft','...
6. **自定义配置**:KindEditor允许自定义配置项,如工具栏按钮、语言、文件上传设置等。例如,如果想禁用某个工具栏按钮,可以在创建编辑器时指定: ```javascript var editor = K.create('#myEditor', { items:...