EditorBuilder
Methods
Value(System.Action)
Sets the HTML content that will show initially in the Editor.
Parameters
value - System.Action
The action that renders the HTML content.
Example
@(Html.Kendo().Editor()
.Name("Editor")
.Value(@<text>
<blockquote>
According to Deep Thought, the answer to the ultimate question of
life, the universe and everything is <strong>42</strong>.
</blockquote>
</text>)
)
Value(System.Func)
Sets the HTML content that will show initially in the Editor.
Parameters
value - System.Func<Object,Object>
The predicate that renders the HTML content.
Example
@(Html.Kendo().Editor()
.Name("Editor")
.Value(@<text>
<blockquote>
According to Deep Thought, the answer to the ultimate question of
life, the universe and everything is <strong>42</strong>.
</blockquote>
</text>)
)
Value(System.String)
Sets the HTML content that will show initially in the Editor as a string.
Parameters
value - System.String
An HTML string.
Example
@( Html.Kendo().Editor()
.Name("Editor")
.Value("<blockquote>A towel has <strong>immense</strong> psychological value</blockquote>")
)
Events(System.Action)
Configures the client events.
Parameters
configurator - System.Action<EditorEventBuilder>
The action that configures the client events.
Example
@( Html.Kendo().Editor()
.Name("Editor")
.Events(events => events
.Change("onChange")
)
)
Tools(System.Action)
Configures the available tools in the toolbar.
Parameters
configurator - System.Action<EditorToolFactory>
The action that configures the tools.
Example
@( Html.Kendo().Editor()
.Name("Editor")
.Tools(tools => tools
.Clear()
.Bold()
.Italic()
.Underline()
)
)
Tag(System.String)
Allows rendering of contentEditable elements instead of the default textarea Editor. Note: contentEditable elements are not posted to the server.
Parameters
tagName - System.String
The tag that will be rendered as contentEditable
Example
@( Html.Kendo().Editor()
.Name("Editor")
.Tag("div")
)
Encode(System.Boolean)
Encodes the HTML content. By default, the submitted value is encoded.
Parameters
value - System.Boolean
Example
@( Html.Kendo().Editor()
.Name("Editor")
.Value("<blockquote>A towel has <strong>immense</strong> psychological value</blockquote>")
.Encode(true)
)
Pdf(System.Action)
Configures the PDF export settings.
Parameters
configurator - System.Action<PDFSettingsBuilder>
The action that configures the PDF settings.
Example
@(Html.Kendo().Editor()
.Name("Editor")
.Pdf(pdf => pdf
.Margin(20, 20, 20, 20)
.PaperSize("A4")
.ProxyURL(Url.Action("Pdf_Export_Save", "Editor"))
)
)
StyleSheets(System.Action)
Sets the CSS files that will be registered in the Editor's iframe
Parameters
configurator - System.Action<EditorStyleSheetBuilder>
The action that configures the StyleSheets settings.
Example
@( Html.Kendo().Editor()
.Name("Editor")
.StyleSheets(styleSheets => styleSheets.Add("editorStyles.css"))
)
FileBrowser(System.Action)
Configures the file browser dialog.
Parameters
configurator - System.Action<EditorFileBrowserSettingsBuilder>
The action that configures the file browser dialog.
Example
@( Html.Kendo().Editor()
.Name("Editor")
.FileBrowser(fileBrowser => fileBrowser
.File("~/Content/UserFiles/{0}")
.Read("Read", "FileBrowser")
.Create("Create", "FileBrowser")
.Destroy("Destroy", "FileBrowser")
.Upload("Upload", "FileBrowser")
)
)
ImageBrowser(System.Action)
Configures the image browser dialog.
Parameters
configurator - System.Action<EditorImageBrowserSettingsBuilder>
The action that configures the image browser dialog.
Example
@( Html.Kendo().Editor()
.Name("Editor")
.ImageBrowser(imageBrowser => imageBrowser
.Image("~/Content/UserFiles/Images/{0}")
.Read("Read", "ImageBrowser")
.Create("Create", "ImageBrowser")
.Destroy("Destroy", "ImageBrowser")
.Upload("Upload", "ImageBrowser")
.Thumbnail("Thumbnail", "ImageBrowser")
)
)
ExportAs(System.Action)
Configures the export settings.
Parameters
configurator - System.Action<EditorExportAsSettingsBuilder>
The action that configures the ExportAs settings.
Example
@( Html.Kendo().Editor()
.Name("Editor")
.ExportAs(exportAs => exportAs
.FileName("Editor")
.Proxy("Export", "Editor")
)
)
Import(System.Action)
Configures the import settings.
Parameters
configurator - System.Action<EditorImportSettingsBuilder>
The action that configures the Import settings.
Example
@( Html.Kendo().Editor()
.Name("Editor")
.Import(import => import
.Proxy("Import", "Editor")
)
)
Deserialization(System.Action)
Fine-tune deserialization in the Editor component. Deserialization is the process of parsing the HTML string input from the value() method or from the viewHtml dialog into editable content.
Parameters
configurator - System.Action<EditorDeserializationSettingsBuilder>
The action that configures the deserialization.
Example
@( Html.Kendo().Editor()
.Name("Editor")
.Deserialization(d => d.Custom("htmlDeserialization"))
)
<script>
function htmlDeserialization(html) {
return html.replace(/(<\/?)b(\s?)/, "$1strong$2");
}
</script>
Domain(System.String)
Relaxes the same-origin policy when using the iframe-based Editor. This is done automatically for all cases except when the policy is relaxed by document.domain = document.domain. In that case, this property must be used to allow the Editor to function properly across browsers. This property has been introduced in internal builds after 2014.1.319.
Parameters
value - System.String
The value that configures the domain.
Example
@( Html.Kendo().Editor()
.Name("Editor")
.Domain("example.com")
)
Immutables()
If enabled, the Editor disables the editing and command execution in elements marked with editablecontent="false" attribute.
Example
@(Html.Kendo().Editor()
.Name("Editor")
.Immutables()
)
Immutables(System.Boolean)
If enabled, the Editor disables the editing and command execution in elements marked with editablecontent="false" attribute.
Parameters
enabled - System.Boolean
Enables or disables the immutables option.
Example
@(Html.Kendo().Editor()
.Name("Editor")
.Immutables(false)
)
Immutables(System.Action)
If enabled, the Editor disables the editing and command execution in elements marked with editablecontent="false" attribute.
Parameters
configurator - System.Action<EditorImmutablesSettingsBuilder>
The action that configures the immutables.
Example
@(Html.Kendo().Editor()
.Name("Editor")
.Immutables(immutables => {
immutables.SerializationHandler("immutablesSerialization");
immutables.Deserialization("immutablesDeserialization");
})
)
Messages(System.Action)
Defines the text of the labels that are shown within the Editor. Used primarily for localization.
Parameters
configurator - System.Action<EditorMessagesSettingsBuilder>
The action that configures the messages.
Example
@(Html.Kendo().Editor()
.Name("Editor")
.Messages(messages => messages.CreateTable("New Table"))
)
NavigateOnTab(System.Boolean)
If set to true this configuration option would enable Tab-based navigation among Editor ToolBar items. By default navigation is arrow-based.
Parameters
value - System.Boolean
The value that configures the navigateontab.
PasteCleanup(System.Action)
Options for controlling how the pasting content is modified before it is added in the editor.
Parameters
configurator - System.Action<EditorPasteCleanupSettingsBuilder>
The action that configures the pastecleanup.
Placeholder(System.String)
The hint displayed by the Editor when it is empty. Not set by default.
Parameters
value - System.String
The value that configures the placeholder.
Example
@(Html.Kendo().Editor()
.Name("Editor")
.Placeholder("Enter some text")
)
Resizable()
If enabled, the Editor renders a resize handle to allow users to resize it.
Example
@(Html.Kendo().Editor()
.Name("Editor")
.Resizable()
)
Resizable(System.Boolean)
If enabled, the Editor renders a resize handle to allow users to resize it.
Parameters
enabled - System.Boolean
Enables or disables the resizable option.
Example
@(Html.Kendo().Editor()
.Name("Editor")
.Resizable(true)
)
Resizable(System.Action)
If enabled, the Editor renders a resize handle to allow users to resize it.
Parameters
configurator - System.Action<EditorResizableSettingsBuilder>
The action that configures the resizable.
Example
@(Html.Kendo().Editor()
.Name("Editor")
.Resizable(resize => resize.Content(true))
)
Serialization(System.Action)
Allows setting of serialization options.
Parameters
configurator - System.Action<EditorSerializationSettingsBuilder>
The action that configures the serialization.
Example
@( Html.Kendo().Editor()
.Name("Editor")
.Serialization(d => d.Custom("htmlSerialization"))
)
<script>
function htmlSerialization(html) {
return html.replace(/(<\/?)b(\s?)/, "$1strong$2");
}
</script>
ToComponent()
Returns the internal view component.
Name(System.String)
Sets the name of the component.
Parameters
componentName - System.String
The name of the component.
Example
@(Html.Kendo().Grid<OrderViewModel>()
.Name("grid")
.Columns(columns =>
{
columns.Bound(p => p.OrderID).Filterable(false);
columns.Bound(p => p.Freight);
})
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Read(read => read.Action("Orders_Read", "Grid"))
)
)
Deferred(System.Boolean)
Suppress initialization script rendering. Note that this options should be used in conjunction with Kendo.Mvc.UI.Fluent.WidgetFactory.DeferredScripts(System.Boolean)
Parameters
deferred - System.Boolean
ModelMetadata(System.Web.Mvc.ModelMetadata)
Uses the Metadata of the Model.
Parameters
modelMetadata - System.Web.Mvc.ModelMetadata
The metadata set for the Model
HtmlAttributes(System.Object)
Sets the HTML attributes.
Parameters
attributes - System.Object
The HTML attributes.
HtmlAttributes(System.Collections.Generic.IDictionary)
Parameters
attributes - System.Collections.Generic.IDictionary<String,Object>
AsChildComponent()
Render()
Renders the component.
Example
@(@Page Inherits="System.Web.Mvc.ViewPage<IEnumerable<Product>>" )
@( Html.Kendo().Grid(Model)
.Name("grid")
.DetailTemplate(product => {
)
Product Details:
<div>Product Name: @( product.ProductName )</div>
<div>Units In Stock: @( product.UnitsInStock )</div>
@(
})
.Render();
)