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

Question

我正在使用 Bootstrap-wysihtml5 jquery 插件（https://github.com/jhollingworth/bootstrap-wysihtml5/）将文本区域转换为所见即所得。我希望能够通过单击 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

A few lines of custom JS code. I think they can help you.

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

Answer 2

我在尝试禁用/隐藏工具栏和编辑器时遇到了同样的问题，并且幸运地使用了以下命令（禁用编辑器）。我正在使用版本 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();

要对工具栏执行相同操作，请执行以下操作来隐藏/显示（找不到禁用工具栏的 wat）：

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