問題タブ [froala]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Froala v2 エディターは、取得時にコードを台無しにします
Froala エディター v2 を使用していますが、非常にイライラする断続的な問題に直面しています。カスタム HTML ウィジェット (ユーザーが独自の行に URL を入力したときのリッチ プレビュー) を埋め込んでいます。しかし、データベースに保存する最終的な HTML を取得すると、Froala は HTML を提供する前に「クリーンアップ」することを決定したようです。コンテンツの編集中にエディター インスタンスを調べると、すべてのマークアップが良好な状態になっています。しかし$('.froala-editor').froalaEditor('html.get')、HTML を取得するために呼び出すと、URL プレビュー ウィジェットの HTML が完全に壊れてしまいます。
私の疑惑は、プレビュー全体が<a>タグでラップされて全体がリンクされているため ( <a>HTML が悪いため、ネストされたタグが含まれていないため)、Froala がdivs、h#タグなどの他の構造要素を使用していることです。 、pタグなど、それらすべての中にラッピング タグのコピーを配置<a>します (コード サンプルでわかるように) <a>。しかし、それは単なる推測です。
それに加えて、Froala が HTML をそのままの状態で提供してくれることもあれば、そうでないこともあります。
違いはないと思いますが、React を使用してウィジェットを生成し、結果の HTML をエディターに挿入しています。data-reactid混乱を減らすために、すべての属性を削除しました。
元の挿入された HTML ( <p>Froala はセマンティック ブロック レベルのタグですべてをラップすることを好むため、最も外側のタグが存在します):
Froalaが私に与えるもの：
angularjs - angular-froala 2.1.0データバインディングがangular 1.1.5で機能しない
現在、Angular 1.1.5 を使用してプロジェクトに取り組んでいます。Angular のアップグレードは、現時点ではオプションではありません。
豊富な HTML5 WYSIWYG エディターを実装し、Froala を試してみることにしました。これは、Angular のすべてのバージョン >=1.0 で動作する必要があるという要件と angular-froala 状態のドキュメントを満たしているためです。
Angular 1.1.5 を使用するPlunkerでPOC を作成しました。
最も重要な部分であるデータバインディングを除いて、すべてが正常に機能しているようです。Angular バージョンを 1.5.0 にアップグレードすると、POC の問題が修正されます。しかし、前述のように、それは私の場合のオプションではありません。
これはバグですか？froala-angular のドキュメントは古くなっていますか? Angular をアップグレードする以外に何らかの回避策はありますか? それとも、単にここに何かが欠けていますか?
javascript - サードパーティ コンポーネントの jQuery 名前空間を変更する
古いバージョンの jQuery (1.4) と新しいバージョン (1.11) を使用しているため、それらには 2 つの異なる名前空間があります。1.4 は標準の $ を使用し、1.11 は jQuery1111 を使用します。
現在、1.11 バージョンを使用する必要がある froala エディターを実装しようとしています。これを実現するために、froala コードを次のように変更しました。
しかし、これによりエラーが発生しますa is not a function（ただし、スクリプトは実行できるようです）。上記のスクリプトの 4 行目でエラーがキャッチされます。
a(jQuery)4行目を変更するjQuery1111とエラーなしで実行されますが、それが正しいかどうか、または後でバグが発生するかどうかはわかりません。
これは、サードパーティのコンポーネントをデフォルト以外の jQuery 名前空間に実装する正しい方法ですか?
更新: スクリプトの順序
中身<head />
中身<body />
froala - froala の画像にクラスの代わりにインライン スタイルを使用する
Froala にクラスの代わりにインライン スタイルを使用させて画像を整列させる簡単な方法はありますか?
つまり、froala が画像を配置すると、html 出力は次のようになります。
しかし、私はそれが必要です
ruby-on-rails - RoR: Froala WYSIWYG エディタと Carrierwave でアップロード – 添付モデルなしでアップロードされた画像を保存
私は初心者で、この問題を解決できません。
私がやったこと: CarrierWave と Rails で Froala WYSIWYG エディターをセットアップする
要点: https://gist.github.com/qqnc/c4417aefe120374c8271
問題: 参照: 画像
質問:モデルを添付せずにアップロードした画像を保存するにはどうすればよいですか? (TextPost :picture)
text_post_controller.rb
attachments_controller.rb