0

我有以下代码....

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

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

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

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

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

4

2 回答 2

1

只需设置工具选项。

似乎您正在使用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>
于 2016-06-20T19:58:51.647 回答
1

使用 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"
                    ]
                });
于 2016-06-29T08:41:07.443 回答