Cách sử dụng Trình chỉnh sửa giao diện người dùng Kendo trong asp.net mvc3 bằng dao cạo?

Question

Tôi đang sử dụng trình chỉnh sửa từ giao diện người dùng Kendo, vì vậy tôi có vấn đề lớn.

Tôi không biết các mục hiển thị được trình chỉnh sửa trả về như thế nào.

biên tập chuyển đổi một cái gì đó như:

<img src="someurl" /> 

tới:

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

và tôi tiếp tục chuỗi chuyển đổi trong cơ sở dữ liệu, và cố gắng hiển thị nó với:

@Html.Raw(item.description) 

nơi mô tả là chuỗi được trả lại bởi kendo.

Vì vậy, tôi không có ý tưởng như thế nào hiển thị nó một cách chính xác trong Xem tôi

Bất kỳ trợ giúp sẽ được đánh giá cao.

Answer 1

Có một tùy chọn của trình chỉnh sửa KendeUI được gọi là encoded để định cấu hình liệu Trình chỉnh sửa có nên gửi thẻ HTML được mã hóa hay không.

Giá trị mặc định cho encoded là true

Nếu bạn wan't để lưu trữ các văn bản unencoded sử dụng sniplet này khi tạo soạn thảo của bạn:

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

Nhưng vì bạn không phải gửi văn bản được mã hóa vào máy chủ trình xác thực yêu cầu Asp.net sẽ khởi động và nó sẽ hủy bỏ yêu cầu của bạn.

Nếu bạn đang sử dụng quan điểm mạnh mẽ gõ những gì bạn có thể làm là sử dụng AllowHtmlAttribute về sở hữu mô hình của bạn:

Xem:

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

mẫu:

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

điều khiển hành động

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

Bạn cũng cần phải thiết lập như sau trong web.config của bạn hoặc thuộc tính này sẽ không có hiệu lực trong .NET 4.0:

<httpRuntime requestValidationMode="2.0"/> 

Answer 2

đơn giản hơn cách để làm điều đó là thực hiện thay đổi trong điều khiển, không theo quan điểm và mô hình .Vì vậy:

Xem

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

Mẫu

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

khiển

Editor = Server.HtmlDecode(Editor); 

HtmlDecode

Answer 3

Các mẫu trình soạn thảo được tạo từ .NET Wrappers không hoạt động nữa. Đây là một sửa chữa.

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

Answer 4

tôi tìm thấy giải pháp này cho MVC: trong Xem

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

trong mô hình:

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

Đó là đủ