Tag Helper Tools

[Johannes]

Is there a place where I can see all of the tool names for the Tag Helpers?

I can't seem to get the TableEditing or the SuperScript tool too show. They both just say "undefined".

[Aleksandar]

Hello Johannes,

A list of all of the tools is not available in the TagHelpers section of the documentation. However, you can find a list of all tools either in the ASP.NET Core All Tools Demo or in the jQuery editor.tools API section.

With that said you can initialize the subscript, superscript and table tools in the following way:

 

<kendo-editor name="editor" aria-label="editor" style="width: 100%; height:840px">
    <tools>
        <tool name="insertImage" />
        <tool name="insertFile" />
        <tool name="bold" />
        <tool name="italic" />
        <tool name="underline" />
        <tool name="superscript" />
        <tool name="subscript" />
        <tool name="tableWizard" />
        <tool name="createTable" />
        <tool name="addColumnLeft" />
        <tool name="addColumnRight" />
        <tool name="addRowAbove" />
        <tool name="addRowBelow" />
        <tool name="deleteRow" />
        <tool name="deleteColumn" />
        <tool name="fontName">
            <tool-items>
                <tool-item text="Default site font" value="Arial,Verdana,sans-serif" />
                <tool-item text="Monospaced font" value="monospace" />
            </tool-items>
        </tool>
        <tool name="copyFormat" />
        <tool name="applyFormat" />
    </tools>
    <image-browser file-types="*.png,*.gif,*.jpg,*.jpeg">
        <image-browser-transport upload-url="@Url.Action("Upload", "ImageBrowser")" image-url="../shared/UserFiles/Images/{0}">
            <create url="@Url.Action("Create", "ImageBrowser")" />
            <read url="@Url.Action("Read", "ImageBrowser")" />
            <destroy url="@Url.Action("Destroy", "ImageBrowser")" />
        </image-browser-transport>
    </image-browser>
    <file-browser>
        <file-browser-transport upload-url="@Url.Action("Upload", "FileBrowser")" file-url="../shared/UserFiles/Images/{0}">
            <create url="@Url.Action("Create", "FileBrowser")" />
            <read url="@Url.Action("Read", "FileBrowser")" />
            <destroy url="@Url.Action("Destroy", "FileBrowser")" />
        </file-browser-transport>
    </file-browser>
    
</kendo-editor>

Note that by default only the Create Table tool is displayed. Once you select a Table in the Editor the rest of the table editing tools will be displayed.

Attached is a sample solution with the above configuration for you to review.

Let me know if I can be of any further help.

Regards,
Aleksandar
Progress Telerik

[Johannes]

Thank you very much for the list. I was looking at the ASP.NET Core HTML Helpers, but they are in different cases. 

 

When I build the components in the view rather than on the client side, I never think to have a look at the jQuery doco. I'll have to give that a bit more of a look from now on before heading to the forums.