asp.net-mvc – 如何将自定义工具添加到kendo编辑器

在这里,您是从我的源代码剪切的代码

@(Html.Kendo()
                  .Editor()
                  .Name("Content")
                  .Tools(tools => tools
                      .Clear()
                      .Bold().Italic().Underline().Strikethrough()
                      .JustifyLeft().JustifyCenter().JustifyRight().JustifyFull()
                      .InsertUnorderedList().InsertOrderedList()
                      .Outdent().Indent()
                      .CreateLink().Unlink()
                      .InsertImage()
                      .SubScript()
                      .SuperScript()
                      .TableEditing()
                      .ViewHtml()
                      .Formatting()
                      .CleanFormatting()
                      .FontName()
                      .FontSize()
                      .FontColor()
                      .BackColor()
                      .CustomButton(cb => cb
                          .Name("Add link to article")
                          .ToolTip("Add link to article")
                          .Exec("execFunction")
                      ))
                      .Encode(false)
                      .ImageBrowser(imageBrowser => imageBrowser
                             .Image("~/Content/Uploads/Images/{0}")
                             .Read("Read","ImageBrowser")
                             .Create("Create","ImageBrowser")
                             .Upload("Upload","ImageBrowser")
                             .Thumbnail("Thumbnail","ImageBrowser")))

所以这些是我对编辑器的配置.我想你只对.CustomButton感兴趣(cb => cb.Name /这是必要的/ cb.Exec /也是neccesary /.
在Exec中,传递单击按钮时应执行的JS函数的名称.您可以将JS与ajax连接到控制器.我会和你分享我的.

function execFunction(e) {
        $.get('/Articles/BuildLinkView',null,function(data) {
            $('#addLinkHolder').html(data);
            $('#addLinkHolder').css('display','table-cell');
        });
    }

当你将它绑定到控制器时,你可以用它做任何你想做的事.

我希望这能解决你的问题.如果没有,请提供其他信息