0

js/jquery コードを実行するビュー (index.html.erb) にリンクを作成する方法を考えていました。

https://github.com/akzhan/jwysiwygを使用しており、エディターを非表示にしようとしていますが、その方法がわかりません。

今、私はやっています

編集 -

index.html.erb

<%= link_to "Hide", "#", onclick: "$('#email_body').hide();" %>

index.js.erb

$('#wysiwyg').wysiwyg('clear');

ありがとう

4

2 に答える 2

1

これには rails link_to ヘルパーを使用できます。

link_to "Hide", "#", confirm: "Are you sure?", onclick: "$('#wysiwyg').wysiwyg('clear');"

JavaScript コードをビュー コードから分離することをお勧めします。次に例を示します。

link_to "Hide", "#", id: 'hide_editor'

次に、別の JavaScript ファイルで:

(function(){
  $('#hide_editor').on('click', function(){
    $('#wysiwyg').wysiwyg('clear');
  });
})();

次に、この JS へのリンクを BODY 終了タグの前に配置します。

更新: ご覧のとおり、このプラグインは無効化をサポートしていません。コンテナーを非表示にすることで無効にできます。$('#wysiwyg').hide();

$('#wysiwyg').wysiwyg('clear')ドキュメントにあるように、エディターの内容をクリアします。

UPDATE2: @iCyborg、あなたのコードに基づいて、ここに実例があります: http://jsbin.com/esuyij/1/

更新 3: このエディターを調べたところ、カスタマイズ オプションが十分に柔軟ではないことがわかりました。他の編集者を調べることをお勧めしますか? たとえば、ここにラインナップがあります: http://www.jquery4u.com/plugins/html5-wysiwyg/

于 2013-04-01T06:52:26.517 に答える