Grenze, die Werkzeuge in Kendo UI-Editor verfügbar sind

Question

Ich habe den folgenden Code ....

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

Dies erzeugt einen Kendo-Editor anstelle des Textbereiches und alles ist in Ordnung, außer ich die Werkzeuge begrenzen möchte verfügbar.

fett, kursiv, unterstrichen, durchgestrichen, linksbündig, rechtsbebildert, bitteschön, berechenbar, geordnete liste, ungeordnete liste, einrückung, outdent, link, Verknüpfung aufheben und tabelle creator/editor.

Ich brauche nur Fett, Kursiv, Unterstrichen, geordnete Liste, ungeordnete Liste, Einzug, Outdent, Link, Unlink und Tabelle Schöpfer/Herausgeber.

Wie ich dies zu erreichen .... Hinweis Ich hatte den Daten-role = „Editor“ Methode als das Textfeld zu verwenden, wenn innerhalb einer Kendo-Editor Vorlage.

Answer 1

Setzen Sie einfach die tools Optionen.

Es scheint, wie Sie MVVM verwenden, so dass Sie wahrscheinlich es wie zu sein Set kann bis:

<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

mit dem Textfeld wird ein iframe einfügen. Sie können stattdessen div verwenden. In beiden Fällen können wir Werkzeuge im Editor wie

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

manipulieren