如何在使用剃须刀的asp.net mvc3中使用Kendo UI Editor？

Question

我正在使用Kendo UI的编辑器,所以我遇到了很大问题.

我不知道编辑器返回的显示项目.

编辑器转换如下:

<img src="someurl" />

至:

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

并在数据库中保留转换后的字符串,并尝试使用以下内容显示:

@Html.Raw(item.description)

其中description是由kendo返回的字符串.

所以我不知道如何在我的视图中正确显示它

任何帮助,将不胜感激.

Answer 1

有一个KendeUI编辑器的选项,encoded它可以配置编辑器是否应该提交编码的HTML标签.

encodedis 的默认值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

我在MVC中找到了这个解决方案:在View中

<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; }

这就够了

Answer 3

更简单的方法是在控制器中进行更改,不在视图和模型中.所以:

视图

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

模型

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

调节器

Editor = Server.HtmlDecode(Editor);

HtmlDecode