3

Bootstrap-wysihtml5 jquery プラグイン ( https://github.com/jhollingworth/bootstrap-wysihtml5/ ) を使用して、テキストエリアを WYSIWYG に変換しています。2 つのボタンをクリックしてエディターをアクティブ化および非アクティブ化できるようにしたいと考えています。これまでのところ、エディターを表示できます。エディターを非アクティブ化して、テキストエリアとその値だけを残す方法を教えてください。私のコードは次のとおりです： -

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
});

ありがとうございました

4

2 に答える 2

4

数行のカスタム 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()
于 2015-02-25T12:40:23.697 に答える
3

ツールバーとエディターを無効/非表示にしようとして同じ問題が発生し、次のコマンド (エディターを無効にする) でうまくいきました。バージョン 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();
于 2013-09-09T15:04:27.677 に答える