Как добавить инструменты Cutom в редактор кендо

Question

Как я могу добавить пользовательские инструменты в кендо editor toolbar

Я хочу добавить проверку орфографии, медиа-менеджер и вырезать, скопировать, вставить и вырезать из слова, скопировать из слова и еще некоторые инструменты.

Я использую редактор Kendo в приложении MVC.

Answer 1

Я использую пользовательский инструмент для добавления ссылок ссылок в приложении путем поиска их из уже существующих.

Здесь вы взяли код из моего источника

@(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 / также необходимо /). В Exec вы передаете имя своей JS-функции, которая должна выполняться при нажатии кнопки. Вы можете подключить свой JS, чем с AJAX к вашим контроллерам. Я поделюсь с вами моим.

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

Чем вы можете делать с ним все, что пожелаете, когда привязываете его к контроллеру.

Я надеюсь, что это решит вашу проблему. Если нет, пожалуйста, предоставьте дополнительную информацию