Kendo编辑器 - 删除工具栏

Question

我正在使用kendo编辑器，但是......我想禁用编辑工具栏。事实上，我想要的是有可能格式化我的textarea（粗体，斜体......），而不允许用户与我的textarea交互，也没有一个工具栏，这对用户来说会非常混乱。我希望它显示为普通只读textarea ，没有别的。我试过这个：

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

但它没有用。有什么想法吗？

修改

我只想拥有一个简单的textarea，我想隐藏工具栏并以编程方式操作textarea的内容，因为它是只读的。

Answer 1

这在使用HTML包装器的MVC中运行良好

 @(Html.Kendo().EditorFor(m => m.Body).Tools(t => t.Clear()))

Answer 2

如果您不想显示工具栏，请在KendoUI编辑器初始化中定义空tools：

$("#editor").kendoEditor({
    // Empty tools so do not display toolbar
    tools: [ ]
});

在此处查看http://jsfiddle.net/OnaBai/Eh6X2/

如果要禁用该版本，则应使用：

// Disable edition
$(editor.body).attr('contenteditable',false);

以下代码选择所有文本并将其转换为粗体，然后取消选择它。

var range = editor.createRange();
range.selectNodeContents(editor.body);
editor.selectRange(range);
editor.exec("bold");
editor.selectRange();

此处的完整示例：http://jsfiddle.net/OnaBai/Eh6X2/3/

Answer 3

如果你想要你的kendoEditor textarea readonly然后使用下面的代码，

$('iframe').contents().find("body").attr('contenteditable',false);

如果要禁用工具栏，请使用此代码

$('.k-editor-toolbar').find('li a').click(function(){return false;})

隐藏工具栏

$('.k-editor-toolbar').hide();

Answer 4

使用CSS隐藏工具栏：

.k-editor-toolbar {
    display: none !important;
}

这对我有用（Asp.Net Core 3.0）...