Javascript Asp.net剑道编辑器,自定义模板将css类添加到<;车身>;
在telerik网站提供的示例中,我发现了如何添加自定义模板(例如更改文本背景)。 这是这样的:Javascript Asp.net剑道编辑器,自定义模板将css类添加到<;车身>;,javascript,jquery,asp.net-mvc,kendo-ui,kendo-asp.net-mvc,Javascript,Jquery,Asp.net Mvc,Kendo Ui,Kendo Asp.net Mvc,在telerik网站提供的示例中,我发现了如何添加自定义模板(例如更改文本背景)。 这是这样的: @(Html.Kendo().Editor() .Name("editor") .HtmlAttributes(new { style = "width: 100%;height:250px,font-family: IRS" }) .Resizable(resizable => resizabl
@(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")
)
)
因此,我决定在编辑器的
元素中添加一个css类,将自定义字体应用于所有文本,但我不知道jquery格式应该是怎样的。任何帮助都将不胜感激。我更改了jquery,如下所示
$("iframe").contents().find("body").addClass(e.sender.value());
现在我可以添加css类了
@font-face
$("iframe").contents().find("body").addClass(e.sender.value());