¿Cómo utilizar Kendo UI Editor en asp.net mvc3 con afeitadora?

Question

Estoy usando el editor de Kendo UI, así que tengo un gran problema.

No sé cómo mostrar los elementos que devuelve el editor.

Editor de convertir algo como:

<img src="someurl" /> 

a:

lt;p><img src="someurl"/></p> 

y sigo cadena convertida en la base de datos, y trato de mostrarlo con:

@Html.Raw(item.description) 

donde descripción es la cadena devuelto por kendo.

así que no tengo idea de cómo visualizar correctamente en mi opinión

se agradecería cualquier ayuda.

Answer 1

Existe una opción del editor KendeUI llamada encoded que configura si el Editor debe enviar etiquetas HTML codificadas o no.

El valor por defecto para encoded es true

Si quieres probar para almacenar el texto sin codificar utilizar este sniplet al crear su editor:

$("#Editor").kendoEditor({ 
    encoded: false 
}); 

Pero debido a que no está enviando texto codificado a la servidor, el validador de solicitud Asp.net entra en acción y abortará su solicitud.

Si está utilizando puntos de vista inflexible lo que puede hacer es utilizar el AllowHtmlAttribute en su propiedad de modelo:

Vista:

@model MyModel 

@using(Html.BeginForm("SomeAction", "SomeController")) 
{ 
    @Html.TextAreaFor(m => m.Editor) 
    <input type="submit" value="Save" /> 
} 

<script type="text/javascript"> 
    $(function(){ 
     $("#Editor").kendoEditor({ 
     encoded: false 
     }); 
    }); 
</script> 

Modelo:

public class MyModel 
{ 
    [AllowHtml] 
    public string Editor { get; set; } 
} 

acción del controlador

public ActionResult SomeAction(MyModel myModel) 
{ 
    //Save to db, etc. 
} 

También es necesario establecer lo siguiente en su web.config o este atributo no tendrá efecto en .NET 4.0:

<httpRuntime requestValidationMode="2.0"/> 

Answer 2

manera más simple de hacerlo es hacer cambios en el controlador, no hay a la vista y el modelo .Por lo tanto:

Ver

$("#Editor").kendoEditor(); 

Modelo

public class MyModel 
{ 
    public string Editor { get; set; } 
} 

controlador

Editor = Server.HtmlDecode(Editor); 

HtmlDecode

Answer 3

Las plantillas de editor generadas a partir de .NET Wrappers ya no funcionan. Aquí hay una solución.

http://pknopf.com/blog/kendo-ui-editor-templates-for-asp-net

Answer 4

He encontrado esta solución para MVC: en Ver

<div class="editor-field"> 
    @(Html.Kendo().EditorFor(model => model.HtmlField).Encode(false)) 
    @Html.ValidationMessageFor(model => model.HtmlField) 
</div> 

en el modelo:

[DataType(DataType.Html)] 
    [AllowHtml] 
    public string HtmlField{ get; set; } 

Eso fue suficiente