限制 Kendo UI 编辑器中可用的工具答案

【问题标题】：Limit which tools are available in Kendo UI Editor限制 Kendo UI 编辑器中可用的工具
【发布时间】：2016-06-20 14:52:45
【问题描述】：

我有以下代码....

<textarea name="description" data-role="editor" class="k-textbox" data-bind="value:description"></textarea>

这会生成一个剑道编辑器来代替文本区域，一切都很好，除了我想限制可用的工具。

事实上，我有：粗体、斜体、下划线、删除线、左对齐、右对齐、中心对齐、对齐、有序列表、无序列表、缩进、缩进、链接、取消链接和表格创建者/编辑器。

我只需要粗体、斜体、下划线、有序列表、无序列表、缩进、缩进、链接、取消链接和表格创建者/编辑器。

如何实现这一点....注意，如果在 kendo 编辑器模板中，我必须使用 data-role="editor" 方法作为文本区域.

【问题讨论】：

标签： kendo-ui kendo-editor

【解决方案1】：

只需设置tools 选项。

您似乎在使用MVVM，因此您可以将其设置为：

<textarea name="description" class="k-textbox"
    data-role="editor"
    data-tools="['bold', 'italic', 'underline', 'insertOrderedList', 'insertUnorderedList', 'indent', 'outdent', 'createLink', 'unlink', 'createTable', 'addColumnLeft', 'addColumnRight', 'addRowAbove', 'addRowBelow', 'deleteRow', 'deleteColumn']"
    data-bind="value:description"></textarea>

【讨论】：

【解决方案2】：

使用 textarea 将插入一个 iframe。您可以使用 div 代替。在这两种情况下，我们都可以在编辑器中操作工具，例如

                    <div id="topEditor"></div>
                    <div class="column"></div>



                    $("#topEditor").kendoEditor({
                    tools: [
                        "bold",
                        "italic",
                        "underline",
                        "strikethrough",
                        "justifyLeft",
                        "justifyCenter",
                        "justifyRight",
                        "justifyFull",
                        "createLink",
                        "unlink",
                        "insertImage",
                        "createTable",
                        "addColumnLeft",
                        "addColumnRight",
                        "addRowAbove",
                        "addRowBelow",
                        "deleteRow",
                        "deleteColumn",
                        "foreColor",
                        "backColor"
                    ]
                });

                $(".column").kendoEditor({
                    tools: [
                        "bold",
                        "italic",
                        "underline",
                        "createLink",
                        "unlink",
                        "insertImage"
                    ]
                });

【讨论】：