Kendo ui 如何在asp.net mvc中禁用剑道编辑器

如何禁用剑道编辑器或使其只读？我尝试过使用HTML属性，但运气不好（或者我还是做对了）

---

如果您想知道为什么没有诸如启用/禁用之类的选项，因为html可以简单地显示为html或文本，那么编辑器提供的所有工具都是不需要的，使用这样的小部件是毫无意义的。编辑器意味着它可以帮助您编辑；）

如果您真的想禁用它，可以在初始化编辑器后使用以下代码行

e、 g

@Html.Kendo（）.Editor（）.Name（“测试”）
$（函数（）{
$（$（'#test'）.data（）.kendoEditor.body.attr（'contenteditable'，false）
})        

不知道为什么回答的问题对我不起作用。但不管怎么说，它引发了类似于：

@(Html.Kendo().EditorFor(model => model.Description) )
@Html.ValidationMessageFor(model => model.Description)
<script>
    // this piece of code neeeeeeeds to be heeeeere! Don't move it
    $(document).ready(function () {
        var editor = $('#Description').data('kendoEditor');
        editor.body.contentEditable=false;
    });
</script>

@（Html.Kendo（）.EditorFor（model=>model.Description））
@Html.ValidationMessageFor（model=>model.Description）
//这段代码需要注意！别动
$（文档）.ready（函数（）{
变量编辑器=$（“#描述”）.data（'kendoEditor'）；
editor.body.contentEditable=false；
});

---

这是成功的！：）玩得开心

当我尝试实施上述解决方案时，没有一个对我有效。Telerik似乎提供了一个非常简单的解决方案，涉及叠加div，记录如下：

实际上，这会在我想要禁用的控件旁边产生一个额外的div：

<div ng-if="readonly/disabled_Condition == true">
     <div id="overlay" style="width:100%;height:250px; top:100; position:absolute; background-color: black; opacity:0.1; z-index:2;"></div>
     <textarea kendo-editor k-options="options.DutyEditor" ng-model="item.TasksHtml"></textarea>
</div>

一个问题是将覆盖div的大小与剑道编辑器的大小相匹配。在我的例子中，它是一个简单的100%宽度和250像素的高度，所以我在这里很幸运

---

我想这可能会有帮助

成功了。我使用编辑器来显示一些描述（包括图像和html标记），所以我需要将其设置为只读

@(Html.Kendo().EditorFor(model => model.Description) )
@Html.ValidationMessageFor(model => model.Description)
<script>
    // this piece of code neeeeeeeds to be heeeeere! Don't move it
    $(document).ready(function () {
        var editor = $('#Description').data('kendoEditor');
        editor.body.contentEditable=false;
    });
</script>

<div ng-if="readonly/disabled_Condition == true">
     <div id="overlay" style="width:100%;height:250px; top:100; position:absolute; background-color: black; opacity:0.1; z-index:2;"></div>
     <textarea kendo-editor k-options="options.DutyEditor" ng-model="item.TasksHtml"></textarea>
</div>