どのように剣道のUIエディタasp.net mvc3で剃刀を使用しますか？

Question

私は剣道のUIのエディタを使用しているので、大きな問題があります。

私はどのようにエディタから返される表示項目がわかりません。

エディタのようなものに変換：に

<img src="someurl" /> 

を：

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

と私は、データベースに変換後の文字列を維持し、でそれを表示してみてください。

記述が文字列である

@Html.Raw(item.description) 

剣道によって返された。

だから私は、任意の助けが理解されるだろうか、私のビューで正しく表示

見当がつかない。

Answer 1

KendeUIエディタには、encodedというオプションがあり、エディタがエンコードされたHTMLタグを送信するかどうかを設定します。

、あなたのエディタを作成するときにエンコードされていないテキストは、このsnipletを使用し保存するためにwan't場合encodedのデフォルト値はtrue

です：

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

しかし、あなたはにエンコードされたテキストを送信していないので、サーバーは、Asp.netリクエストバリデーターが起動し、リクエストを中止します。

あなたは何ができるか、強く型付けされたビューを使用している場合は、あなたのモデルプロパティにAllowHtmlAttributeを使用することです：

ビュー：

@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> 

モデル：

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

コントローラのアクション

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

あなたはまた、あなたのweb.configファイルに次のように設定する必要がありますか、この属性は、.NET 4.0で効果がありません。それを行うには

<httpRuntime requestValidationMode="2.0"/> 

Answer 2

Simplierの方法は、ビューとモデルではありません、コントローラに変更を加えることです。だから、：

ビュー

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

モデル

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

コントローラ

Editor = Server.HtmlDecode(Editor); 

HtmlDecode

Answer 3

.NETラッパーから生成されたエディタテンプレートは、もう動作しません。ここに修正があります。

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

Answer 4

私はMVCのため、この解決策を見つけた： ビュー

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

でモデルに：

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

十分だった