Javascript 扩展剑道编辑器html

我刚开始在某个项目上使用KendoUI框架，我发现文档在这方面非常糟糕。我正试图在我的

Kendo.Editor

下添加一些额外的html（确切地说是按钮），因此每次我创建一个新的html时，按钮都会出现在那里。剑道是否像ExtJs那样可扩展，在ExtJs中，所有组件都提供了这样的功能（做起来容易或难，但仍然可能）

我对文档和质量有感觉，尽管他们正在努力工作，而且一直在改进

我最近有一些扩展编辑器的经验，这很容易，也很可能

声明编辑器时，您有一个tools属性。当您输入一个集成工具的名称时，它只会显示该工具，或者您也可以传入一个对象来定义一个新工具。下面是我创建自定义“插入视频”工具的示例。名称和工具提示属性是不言自明的。exec是一个属性，您可以在其中传入一个函数，该函数在单击按钮时执行。我的示例中的exec打开了一个自定义剑道窗口，该窗口实现了添加视频的逻辑。它有一个界面，您可以选择Vimeo或Youtube，粘贴在常规链接中，并将嵌入的视频粘贴到编辑器中。基本上，当您在“我的窗口”中单击“确定”时，会触发一个事件，处理嵌入视频的标记并将其粘贴到编辑器中。在编辑器中粘贴标记的方法是：$（“#编辑器”）.data（“kendoEditor”）.paste（someString）；其中someString当然是您要粘贴的内容。它将粘贴到光标当前所在的任何位置

当然，如果您想要更健壮的东西，可以在exec函数中添加更复杂的代码。就像在本例中为视频窗口创建所有需要的标记，并在关闭或类似操作后销毁它一样

        $("#editor").kendoEditor({
            tools: [ {
                name: "insertVideo",
                tooltip: "Insert video",
                exec: function(){
                   var window = $("#windasd").data("kendoWindow");
            window.center().open();
                   }

            },'formatBlock', 'bold', 'italic', 'underline', 'createLink', 'unlink', 'insertImage', 'insertUnorderedList', 'insertOrderedList', "justifyLeft",
            "justifyCenter",
            "justifyRight",
            "justifyFull", ],

        });

此外，如果你想要一个自定义图标，你必须添加一些css。您的按钮将根据您传入的名称自动获取CSS类。它只是在名字前面加了一个“k-”前缀，所以我的名字应该是“k-insertVideo”。只需在该类中添加一个背景图像，就可以了

---

祝你好运，希望我的帖子对你有所帮助，而且不是用复杂的方式写的

“exec”在我的自定义工具中不起作用。你知道为什么它不会触发这个功能吗？