Question

在telerik网站上提供的示例中，我找到了如何添加自定义模板（例如，用于更改文本背景）。这是这样的：

 @(Html.Kendo().Editor()
                .Name("editor")
                .HtmlAttributes(new { style = "width: 100%;height:250px,font-family: IRS" })
                .Resizable(resizable => resizable.Content(true))
                .Tools(x => 
                    .FontSize(item => item
                        .Add("12px","12px")
                        .Add("14px", "14px")
                        .Add("16px", "16px")
                        .Add("18px", "18px")      
                    )
                    .CustomTemplate(ct => ct.Template("<label for='templateTool1' style='vertical-align:middle; margin-top:5px;'>Dir:</label> <select id='templateTool1' style='width:70px'><option value=''>none</option><option value='rtl'>RTL</option><option value='ltr'>LTR</option></select>"))
                    .CustomTemplate(ct => ct.Template("<label for='templateTool2' style='vertical-align:middle; margin-top:5px;'>pFont:</label> <select id='templateTool2' style='width:70px'><option value='Verdana'>Verdana</option><option value='BYekan'>B Yekan</option><option value='IRS'>IRS</option></select>"))

                )
                .ImageBrowser(imageBrowser => imageBrowser
                    .Image("~/Content/UserFiles/Images/{0}")
                    .Read("Read", "ImageBrowser")
                    .Create("Create", "ImageBrowser")
                    .Destroy("Destroy", "ImageBrowser")
                    .Upload("Upload", "ImageBrowser")
                    .Thumbnail("Thumbnail", "ImageBrowser")
                )

        )

和

<script>
        $(document).ready(function () {
            $("#templateTool1").kendoDropDownList({
                change: function (e) {
                    $("#editor").data("kendoEditor").body.style.direction = e.sender.value();
                }
            });
            $("#templateTool2").kendoDropDownList({
                change: function (e) {
                    $("#editor").data("kendoEditor").body.style.fontFamily = e.sender.value();
                }
            });
        });
    </script>

当我运行此代码时，一切正常，但对于第二个自定义模板，即用于选择字体的下拉列表，对于第一个选择（ Verdana 字体）编辑器，通过向{{1添加样式来更改字体标签，但对于第二和第三选择，字体不会改变第二和第三是我添加到项目中的字体：

<body>

所以我决定将css类添加到编辑器的@font-face元素中，该元素将自定义字体应用于所有文本，但我不知道 jquery格式应该如何。
任何帮助将不胜感激。

Answer 1

我改变了jquery，就像这样

$query

现在我可以添加css类

Asp.net Kendo编辑器，CustomTemplate添加css类

1 个答案: