`

KindEditor 工具栏配置

 
阅读更多

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是默认显示所有的按钮。

分享到:
评论

相关推荐

    kindeditor乱码解决版

    5. **KindEditor配置**:KindEditor自身也有一些配置可以调整,例如设置服务器接收到的POST数据的编码。可以通过修改`KindEditor.config.charset`为`'utf-8'`来设定。 6. **浏览器兼容性**:不同的浏览器对编码的...

    kindeditor配置基于thinkphp

    3. **初始化KindEditor**:在JavaScript中创建编辑器实例,并设置基本配置,如宽度、高度、工具栏等。例如: ```javascript KindEditor.ready(function(K) { var editor = K.create('textarea[name="content"]', ...

    配置好的kindeditor3.5.2

    6. **自定义配置**:开发者可以根据需求调整编辑器的外观和功能,如设置工具栏按钮、改变皮肤等。 在压缩包内的文件中,`kindeditor.php`是编辑器的核心PHP文件,负责与服务器交互,处理如文件上传、保存编辑内容等...

    kindeditor集成jmeditor公式HTML富文本编辑器

    配置编辑器的初始化参数,包括路径设置、语言选择、工具栏定制等。在HTML页面中,通过JavaScript调用KindEditor的`create()`方法来实例化编辑器。 3. **添加JMathEditor插件**:将JMathEditor的插件文件放置在...

    KindEditor配置

    例如,你可以添加自定义按钮、改变工具栏布局、监听编辑器事件等。具体的API文档可以在KindEditor官方网站上查阅。 **八、安全考虑** 在使用KindEditor时,注意处理用户输入的安全性,防止XSS攻击。对于用户提交的...

    Extjs+Kindeditor的例子

    3. 配置KindEditor:KindEditor有许多可配置的选项,如工具栏、样式、语言等,可以根据需求进行设置。这些配置可以在创建编辑器实例时指定。 4. 事件监听与交互:为了实现数据的保存或获取,我们需要监听KindEditor...

    Kindeditor编辑器(.net)配置好了的

    8. **扩展与定制**:Kindeditor提供了丰富的API和插件系统,可以根据需求进行扩展,比如添加自定义按钮、工具栏或者实现特殊功能。你也可以根据项目需求,调整编辑器的样式以匹配网站设计。 通过以上步骤,你可以...

    kindeditor添加网络视频插件

    这里我们设置了编辑器的宽度、高度,并且在工具栏中添加了'video'按钮,用于插入视频。 3. **添加视频插件**: 插件是KindEditor扩展功能的关键。在`plugins`目录下,你可以找到或创建一个用于处理视频的插件。通常...

    kindeditor

    3. **自定义配置**:开发者可以根据需求对编辑器进行高度定制,比如设置工具栏、调整样式、禁用某些功能等,以满足不同场景下的需求。 4. **插件扩展**:KindEditor拥有丰富的插件库,可以方便地扩展编辑器的功能,...

    CKEditor和KindEditor的使用教程

    - 工具栏配置:可以通过设置`config.toolbar`来定制工具栏。例如,使用基础工具栏: ```javascript config.toolbar = 'Basic'; ``` 或者全功能工具栏: ```javascript config.toolbar = 'Full'; ``` 还可以...

    kindeditor使用方法及实例

    可以通过`items`配置项自定义工具栏按钮,每个按钮由字符串表示,如`'bold'`代表加粗,`'|'`代表分隔符。 8. **图片上传** 配置`uploadJson`参数指定服务器端接收图片的URL,编辑器会自动发送图片数据到该地址。...

    vue后台管理系统富文本组件(二)kindeditor

    5. **自定义配置**:KindEditor允许我们自定义各种配置,如工具栏、语言、上传图片等。你可以在组件的`props`中传递这些配置。 ```javascript &lt;KindEditor :height="300" v-model="content" :config="{...

    kindeditor编辑器-封装

    这个函数可能已经预设了一些基本配置,如编辑器的宽高、工具栏设置等,以便在页面上即插即用。 3. 赋值与取值:封装还可能包括了对编辑器内容的管理,例如设置初始内容(赋值)和获取当前内容(取值)。这些操作...

    kindeditor富文本编辑器

    4. **自定义工具栏**:KindEditor允许你根据需求定制工具栏,只需在配置项中指定所需的工具栏按钮,如: ```javascript toolbar: ['source', '|', 'undo', 'redo', '|', 'bold', 'italic', 'underline', '...

    kindeditor(ASP版本)

    在实际应用中,开发者可以通过自定义配置来调整KindEditor的行为,例如设置默认样式、修改工具栏按钮、改变语言环境等。它还支持通过JavaScript API进行更深层次的交互,例如在用户保存内容时触发特定事件或进行数据...

    kindeditor使用说明文档

    4. 自定义工具栏:你可以根据需要自定义编辑器的工具栏,添加或移除按钮,如: ```javascript toolbar : ['source','|','undo','redo','|','cut','copy','paste','plainpaste','wordpaste','|','justifyleft','...

    kindeditor编译器

    6. **自定义配置**:KindEditor允许自定义配置项,如工具栏按钮、语言、文件上传设置等。例如,如果想禁用某个工具栏按钮,可以在创建编辑器时指定: ```javascript var editor = K.create('#myEditor', { items:...

    kindeditor-3.4.2.zip

    4. **自定义工具栏**:根据需求,开发者可以自由配置编辑器的工具栏,选择需要的功能。 5. **图片上传与管理**:内置图片上传功能,支持图片预览和管理,方便用户上传和组织图片资源。 6. **视频和音频嵌入**:允许...

Global site tag (gtag.js) - Google Analytics