在kendo htmleditor上的自定义按钮

时间:2017-10-24 12:45:08

标签: html kendo-ui editor

您好我正在使用kendo htmleditor。

我想在Kendo html编辑器上有一个自定义按钮。

我这样试试:

@model string

@(Html.Kendo().EditorFor(m => m)
    .Tools(t => t
        .Clear()
        .Bold()
        .Italic()
        .ViewHtml()
        .TableEditing()
        .FontColor()
        .FontName()
        .FontSize()
        .Template: '<button class="k-button" onclick="buttonClick()">originele template</button>',
        .CustomTemplate(c => c.Template("<input id='TransformDropDown' style='float: right; margin-bottom: 5px;'/>"))
    )
    .Encode(false)
    .HtmlAttributes(new { style = "float: right;" })
)

但这不起作用。

那么如何在kendo html编辑器上创建自定义按钮?

谢谢

1 个答案:

答案 0 :(得分:0)

试试吧:

@(Html.Kendo().EditorFor(m => m)
    .Name("editor")
    .Tools(t => t
    .Clear()
    .Bold()
    .Italic()
    .ViewHtml()
    .TableEditing()
    .FontColor()
    .FontName()
    .FontSize()
    .CustomTemplate(c=>c.Template("<button class='k-button' style='margin-right: 10px;' onclick='buttonClick()'>originele template</button><input id='TransformDropDown' style='float: right; margin-bottom: 5px; width: 200px;'/>"))

)
.Encode(false)
.HtmlAttributes(new { style = "float: right;" }))