Создание Кендо Редактор READONLY

Question

У меня есть Кендо редактор определяется как ниже:

@(Html.Kendo().Editor() 
      .Name("editor") 
      .Tag("div") 
      .Tools(tools => tools 
       .Clear() 
       .Bold().Italic().Underline().Strikethrough() 
       .JustifyLeft().JustifyCenter().JustifyRight().JustifyFull() 
       .CreateLink().Unlink() 
       .InsertImage() 
       .TableEditing() 
       .FontColor().BackColor() 
     ) 
      .Value(@<text> 
      <p> You are inside the editor. And in the editor there are some 
       anchor tags. 
      </p> 

Я хочу, чтобы этот редактор, как только для чтения и теги привязки внутри редактора как Clickable.

Я написал ниже код Javascript для его получения. И даже следовали ответам, предоставленным в аналогичных сообщениях по поиску google и в stackoverflow. Но никто не работает, а редактор не является Readonly. Я все еще могу редактировать.

Ниже приведен код, я попробовал:

<script> 
    var editor = $('#editor').data("kendoEditor"), 
     editorBody = $(editor.body); 

    // make readonly 
    editorBody.removeAttr("contenteditable").find("a").on("click.readonly", false); 

</script> 

Пожалуйста, укажите, где я неправильно, и как я могу добиться такого поведения.

TIA за вашу помощь!

Answer 1

Следующий фрагмент кода будет сделать Кендо HTML редактор только для чтения:

var editor = $("#editor").data().kendoEditor; 
var editorBody = $(editor.body) 
editorBody.attr("contenteditable", false); 

или если вы чувствуете потребность быть лаконичным, вы можете обернуть все это в одну строку:

$($("#editor").data().kendoEditor.body).attr("contenteditable", false); 

Если вам нужно переключать редактор между чтением/записью и только для чтения, я бы рекомендовал обернуть этот фрагмент своей собственной маленькой функцией и привязать ее непосредственно к событию клика на кнопке/якоре/etc, которую вы хотите используйте для переключения поведения.

Протестировано эту функциональность на Kendo UI v2015.3.1111; YMMV в старых версиях API.