問題タブ [wysihtml5]

ドロップ イベントを WYSIHTML5 エディターにリッスン/フックする方法はありますか?

私が欲しいのは...私はwysihtml5を持っており、その下にユーザーがアップロードした画像(添付ファイルを参照)があり、画像の1つをwysihtml5にドラッグアンドドロップすると、それが挿入されます(これは単なるリンクを任意のテキストエリア/テキスト入力にドラッグするときと同じように、ブラウザーのデフォルトの機能ですが、ソース画像と同じ src を使用し、それがサムネイルの解像度であり、もっと大きなものが必要です。そこで、ドロップ イベントをフックして、たとえばサムネイルの data-big-src 属性から画像ソースを取得しようと考えました。

私は試した

エディターは wysihtml5 のインスタンスであり、元のテキストエリアにもリスナーを追加しようとしましたが、どれも機能/起動しませんでした。ヒントはありますか?

// 貼り付けを編集 / paste:composer

おそらく私が探しているものですが、ドロップされたオブジェクトは返されません....

wysihtml5-0.4.0pre を使用してコンテンツで iframe を使用したい、と追加しました

私の parserRules に iframe タグが渡されますが、すべての属性 (src、幅、高さなど) が削除されます。これはどこで起こり、どうすればよいですか?

現在、Angular ディレクティブで wysihtml5 を使用しようとしていますが、変更イベントを正しく発生させることができないようです。

以下は、私がセットアップしたディレクティブです。

wysihtml5 のドキュメントによると、これは change 要素をリッスンする方法です。ただし、現在、エディターに変更が加えられるたびにではなく、ブラーが発生したときにのみ発生します。私が探しているべき別のイベントはありますか、それとも Angular ディレクティブを使ってこれを別の方法で行うべきですか?

Twitter ブートストラップが組み込まれたパッケージ化された wysiwyg エディターであるbootstrap-wysihtml5-railsを使用することにしました。私の質問は、form_forヘルパーで作成したフォーム内でエディターを「アクティブ化」する方法についてです。

wysiwyg エディターを使用したい次のフォームがあります。

単に以下を追加するように指示された手順:

ただし、text_areaセクションだけを切り替えて wsiwyg にする方法について少し迷っています。のRails ガイドを調べましたが、form_forjavascript を挿入する方法や、特定のフィールドに css クラスを適用する方法さえわかりませんでした。ご協力いただきありがとうございます。

私は WYSIHTML5 を実行して、電子メール テキストを入力し、HTML として送信するために書式設定できるようにしています。ただし、書式設定されたテキストの HTML を表示すると、色の要素に関連付けられたクラスが取得されます。これは予想される動作ですが、出力を電子メールで送信する必要があるため、そのような電子メールに CSS ファイルを添付できないため、これらの色をインライン CSS にしたいと考えています。例はこちら

それは、テキストに緑色を選択した場合です: Testing. その緑を変更してhtml自体の一部にする方法はありますか

これを検索しようとしましたが、見つからなかったので、最初に検索せずに質問していません。誰かがどこかを指してください。これに関するガイドへのリンクでも構いません。あなたが私のためにコードを書くのに時間を費やしてほしくありません。

コードベースのエディターにhttps://github.com/xing/wysihtml5を使用していますが、次のように、コードの一部を編集できないように「ロック」したいと思います。

これが可能かどうか誰かが知っていますか？私はこれまでいくつかの方法を試しましたが、成功しませんでした。また、ドキュメントには何も表示されていません。これが不可能な場合、それが可能な同様のエディターを知っていますか？

テキストエリアにリッチ エディターを追加するために、 wysihtml5プラグインを使用しています。

したがって、プラグインはこれを次のようにします。

これに：

文字カウンターを追加するために、ここでいくつかの情報を見つけました：

プラグインの作者によると：

解決策は、テキストエリアでキーアップ イベントをリッスンするのではなく、の本体でリッスンすることです。

それが私がしたことです、私は iframe > html > body を聞きました:.wysihtml5-editor

しかし、今、次のエラーが発生します。

Uncaught TypeError: Cannot read property 'length' of undefined

したがって、jQuery 部分が何らかの理由で本体を見つけていないことを意味します (iframe 内にない要素を見つけます)。

何が問題で、考えられる解決策は何ですか?

WYSIHTML5 のデモでは、ツールバーがフィードバックされ、選択したオプションが表示されます。つまり、太字のアイテムをクリックすると、ツールバーにこれが反映されます。

これをどのように構成しますか？

WYSIHTML5を使用して、テキストエリアをエディターに変換しています。エディターは非常にシンプルです。太字/下線/斜体やカスタム変数の挿入などの基本的な機能を提供します。

WYSIHTML5のインスタンスを1つだけロードすると、すべてが正常に機能しますが、リストに5または10のように表示すると、ブラウザー全体が1〜2秒間フリーズします。

こんなに時間がかかる理由を見つけたと思います。エディターを起動すると、実際のエディターであるiframeが作成されます。これがぶら下がっている部分です。

iframeの代わりにdivをロードすることは可能ですか？WYSIHTML5の開発チームがiframeを採用したのにはセキュリティ上の理由があることは知っていますが、とにかくiframeではかなり遅いです。