Kendo Editor - 删除工具栏

我正在使用kendo编辑器，尽管...我想禁用编辑工具栏。事实上，我所需要的是有可能格式化我的textarea（粗体，斜体......），而不允许用户与我的textarea进行交互，这两个工具栏都不会让用户感到困惑。我希望它能像正常只读文本区域显示，没有别的。我试过这个：Kendo Editor - 删除工具栏

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

但它不工作。有任何想法吗？

编辑

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

来源

2014-03-31 Hamdi Baligh

效果很好做工精细这里：http://jsfiddle.net/IrvinDominin/sR4En/ –

有你检查你的检查员是否有一些错误？ – pbenard

@IvinvinDomininakaEdward但是我想要的不是我在小提琴中看到的东西，我不想再拥有一个工具栏，我不希望它被禁用，我不希望它存在于我的textarea中。事实上，我只需要用粗体或斜体格式化输出的可能性，并将值以编程方式插入到禁用的textarea中。你有看到？ –

如果您不想显示工具栏，请在KendoUI编辑器中定义一个空的tools启动alization：

$("#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/

来源

2014-04-01 01:47:26 OnaBai

，如果你希望你的kendoEditor textarea的只读然后在下面的代码中使用，

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

，如果你想禁用的工具栏，然后使用此代码，

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

隐藏工具栏

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

来源

2014-03-31 13:36:03 Jaimin

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

如果要隐藏工具栏，请使用'$（'.k-editor-toolbar'）。hide（）' – Jaimin

这在MVC中使用HTML包装

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

来源

2015-11-02 21:16:41 Lyubomyr

Kendo Editor - 删除工具栏

回答

相关问题