問題タブ [wysihtml5]

私はwysihtml5が大好きですが、要素にクラスを追加するのと同じくらい簡単なことに関するドキュメントが見つかりません。

基本的に私が探しているのは、blockquote 要素で 2 つの異なるバリエーションを許可する方法です。

blockquote.pull-left blockquote.pull-right

(各クラスは異なるスタイル属性を指定します)

したがって、理想的には、formatBlock コマンド (blockquote 要素で選択範囲をラップする) を使用できるだけでなく、blockquote のクラスを指定できるようにする 2 つの追加のツールバー ボタンを作成したいと考えています。

何か案が？

Bootstrap の Web サイトでは、wysihtml 5 エディターを使用したいと考えています。しかし、それはデフォルトで上付き/下付きをサポートしていません。

エディター用に追加したこの行：

次のコードは、ブートストラップ用の wysihtml5 エディターのソースの一部です。

dom.delegate(container, "[data-wysihtml5-command]", "click", function(event) { var link = this, command = link.getAttribute("data-wysihtml5-command"), commandValue = link.getAttribute("data-wysihtml5-command-value"); that.execCommand(command, commandValue); event.preventDefault(); });

デフォルトではすべてに機能しますが、上付き文字と下付き文字には機能しません。

Google は、commandValue を false に設定して execCommand を使用する必要があるという結果を出しましたが、それも機能しませんでした。

誰かがそれを機能させるためのトリックを行う方法を知っていますか、コードに / を追加しますか?

エディタ モードで HTML クリーンアップを無効にする方法は? コードでcss形式とインラインhtmlを許可する必要があります。アイデアは、コードを貼り付けて編集のためにエディターに入るときに、パーサーと html のクリーンアップ アクションを無効にすることです。ありがとう。

wysihtml5ツールバーでTwitterブートストラップボタンを使用しようとしています。私の単純な問題は、ボタンのCSSがツールバーexec()コマンドの反対に切り替わるということです。したがって、太字のボタンをクリックすると、ボタンはアクティブ状態クラスを取得しますが、2番目のボタンをクリックするまでテキストは太字になりません。2番目のボタンをクリックすると、ボタンはアクティブ状態を失います。そのため、CSSとJSはフェーズがずれています。

考え？

これが、wyishtml5.jsファイルとbootstrap.jsファイル（.btnのget .activeCSSクラスを切り替える）が含まれている場合に、JS側で実際に必要なすべてのHTMLです。

また、これはまだ問題を示していないjsfiddleですが、現在取り組んでいます。

gem 'bootstrap-wysihtml5-rails', '0.3.1.13' を使用しています。フォーカスが失われたときに、変更された内容をテキストエリアから保存したいと考えています。

スクリプトタグで囲まれたビューでjqueryを直接使用しようとしました：

「ぼかし」（またはフォーカスアウト）を使用すると、ページの読み込み時にアラートが数回トリガーされますが、フォーカスを失ったときではなく、「変更」を使用しても何も起こりません。

別の試みで、同じ動作で wysihtml5-event にフックしようとしました:

}

私はこのエディタを使用しています: http://xing.github.com/wysihtml5/examples/simple.html (ライブデモ)。

カスタム関数をイベントに割り当てることができます:

カスタムボタンを追加しました：

だから、フォーカス（テキストエリア）でボタンをトリガーしたい：

しかし、何も起こらず、コンソールにエラーが表示されることさえありません。奇妙なことは、私がこれを試したことです：

そして、カーソルをテキストエリアに合わせるとすぐにボタンが非表示になりました。

ここで何が欠けていますか？

自分のカスタムクラスを追加するボタンを追加できるようにしたいと思います。私はこれをどこのドキュメントにも見ていませんが、一般的な要求のようです。

例えば。

「一部のテキスト」を強調表示して「カスタムクラス」ボタンを押すと、追加されます

<p class="wysiwyg-custom-class">Some Text</p>>

これは bootstrap-wysihtml5のドキュメントで見つかりました:

だから私はこれを試しました：

しかし、コードを壊しているようです：

そしてwysihtml5Editor.composer.commands.exec、どちらも機能していません。

(内部にコンテンツを含めなければ、ファイルは問題なく読み込まれます"focus": function() {)

これを行う正しい方法は何ですか？

wysihmlt5テキストエリアをCapybara-webkitで埋めようとしています(別の方法があるかどうかはわかりません):

しかし、私はこのエラーが発生します:

何が問題なのですか？