Question

我有以下代码......

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

这会产生一个代替textarea的kendo编辑器，除了我想限制可用的工具外，一切都很好。

因为我有：粗体，斜体，下划线，删除线，左对齐，右对齐，中间对齐，对齐，有序列表，无序列表，缩进，突出，链接，取消链接和表创建者/编辑。

我只需要Bold，Italic，Underline，Ordered List，Unordered List，Indent，Outdent，Link，Unlink和Table creator / editor。

如何实现这一点....注意我必须使用 data-role =“编辑器”方法作为textarea，如果在 kendo编辑器模板中

Answer 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>

Answer 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"
                    ]
                });

限制Kendo UI Editor

2 个答案: