Come utilizzare Kendo UI Editor in asp.net mvc3 con rasoio?

Question

Uso editor dall'interfaccia utente di Kendo, quindi ho un grosso problema.

Non so come visualizzare gli elementi restituiti dall'editor.

Editor convertire qualcosa di simile:

<img src="someurl" /> 

a:

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

e io continuo stringa convertita nel database, e provare visualizzarla con:

@Html.Raw(item.description) 

cui descrizione è stringa restituito dal kendo.

quindi non ho idea di come visualizzare correttamente a mio avviso

Qualsiasi aiuto sarebbe apprezzato.

Answer 1

Esiste un'opzione dell'editor KendeUI denominata encoded che consente di configurare se l'editor deve inviare o meno tag HTML codificati.

Il valore predefinito per encoded è true

Se wan't per memorizzare il testo in chiaro utilizzare questo sniplet quando si crea il proprio editor:

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

Ma perché non sta inviando il testo codificato al server, il validatore della richiesta di Asp.net si attiva e interrompe la richiesta.

Se si utilizza una vista fortemente tipizzati che cosa si può fare è quello di utilizzare il AllowHtmlAttribute sulla vostra proprietà modello

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> 

Modello:

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

azione controller

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

È inoltre necessario impostare quanto segue nel web.config o questo attributo non avrà effetto in .NET 4.0:

<httpRuntime requestValidationMode="2.0"/> 

Answer 2

più semplice modo per farlo è fare cambiamenti nel controllo, non in vista e il modello .Quindi:

View

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

Modello

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

controller

Editor = Server.HtmlDecode(Editor); 

HtmlDecode

Answer 3

I modelli di editor generati da .NET Wrapper non funzionano più. Ecco una soluzione.

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

Answer 4

ho trovato questa soluzione per MVC: in vista

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

nel modello:

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

che era abbastanza