Question

我正在使用Bootstrap-wysihtml5 jquery插件（https://github.com/jhollingworth/bootstrap-wysihtml5/）将textareas转换为WYSIWYG。我希望能够通过单击2个按钮来激活和停用编辑器，到目前为止我可以显示编辑器，请您告诉我如何停用编辑器并保留textarea及其值。我的代码如下： -

HTML

<textarea name="textarea" id="textarea" cols="45" rows="5"></textarea>

<input type="button" id="button1" value="Show Editor"> 
<input type="button" id="button2" value="Hide Editor">

脚本

$("#button1").click(function(){
$('textarea').wysihtml5();
});

$("#button2").click(function(){
// this is where i'm stuck
});

谢谢

Answer 1

我在尝试禁用/隐藏工具栏和编辑器时遇到了同样的问题，并且幸运地使用了以下命令（禁用编辑器）。我正在使用版本wysihtml5-0.3.0_rc2.js）

$('#editorId').data('wysihtml5').editor.composer.disable();
$('#editorId').data('wysihtml5').editor.composer.enable();

或（隐藏编辑器）

$('#editorId').data('wysihtml5').editor.composer.hide();
$('#editorId').data('wysihtml5').editor.composer.show();

要对工具栏执行相同操作，请执行以下操作以隐藏/显示（无法找到禁用工具栏的扫描仪）：

$('#editorId').data('wysihtml5').editor.toolbar.hide();
$('#editorId').data('wysihtml5').editor.toolbar.show();

Answer 2

几行自定义JS代码。我认为他们可以帮到你。

var content = $('#content');
var contentPar = content.parent()
contentPar.find('.wysihtml5-toolbar').remove()
contentPar.find('iframe').remove()
contentPar.find('input[name*="wysihtml5"]').remove()
content.show()

如何停用Bootstrap-wysihtml5 jquery编辑器实例？

2 个答案: