Question

我的Kendo编辑器定义如下：

getPaperTitle :: [[String]] -> [String]

我想将此编辑器设置为只读，并且编辑器中的锚标签可以点击。

我编写了以下Javascript代码来实现此行为。甚至也跟着谷歌搜索和stackoverflow中类似帖子中提供的答案。但没有一个工作，编辑器不是Readonly。我仍然可以编辑。

以下是我尝试的代码：

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

请建议我哪里出错了，我该怎样才能实现这种行为。

TIA求助！

Answer 1

以下代码段将使Kendo HTML Editor成为只读：

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

或者如果您觉得需要简洁，可以将它们全部包装成一行：

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

如果你需要在读/写和只读之间切换编辑器，我建议将这个片段包装在它自己的小函数中并直接绑定到你想要的button / anchor / etc上的click事件用来切换行为。

在 Kendo UI v2015.3.1111 上测试了此功能;关于旧版本API的YMMV。

使Kendo编辑器只读

1 个答案: