問題タブ [trumbowyg]

WYSIWYG エディター trumbowyg を使用して、CMS がうまくいかないという事実を補っています。計画は、記事のコンテンツ用のテキストエリアを備えた単純なフォームである現在のシステムを削除することなく、著者を HTML で支援することです。

残念ながら、で trumbowyg を有効にした後textarea、何をしても何も投稿されません。

「何も投稿しない」というのは、JavaScript を追加する前にフォームが機能し、その後機能しなくなったことを意味し、PHP の$_POST配列を参照しています。

これが私が試したことです（ただし、ウェブサイトにリストされている基本を実行する前に）：

私は次のことから始めましたが、うまくいきませんでした：

現在、プロジェクトでtrumbowygエディターを使用していますが、エディターの内容をクリアする際に問題が発生しています。接続されているモデルの内容を変更してエディターを再設定したい場合は問題ありませんが、そうするとエディターの内容がクリアされません$scope.editorModel = '';。ここにプランカーがあり、もう少し詳しく説明しています (ページの下部にあるボタンをクリックしてください)。

誰でもアイデアはありますか？

Laravel アプリケーションで WYSIWYG エディターを使用しようとしていますが、解決できないバグがあります。

機能するもの:

• テキスト領域を埋めて投稿リクエストを送信するフォーム (名前 = ピッチ)
• したがって、リクエストは整形式であり、コントローラーで取得できます。すべてが完璧です

私の問題

この特定のテキストエリアに WYSIWYG エディターを追加すると (Trumbowyg または Redactor を使用して、両方を試しました)、pitchリクエストから消えて、コントローラーで取得できません。

コンソールに JS の問題はありません。WYSIWYG エディターへの呼び出しを削除すると、すべて問題ないので、どこを検索すればよいかわかりません。

のDBフィールドpitchですtext（に切り替えてみましたがstring、どちらも機能しませんでした）。

ここに私のビューコードがあります:

そしてコントローラーでは、このコードは私にnull

この要点のモード コード サンプル

Web サイトには、jQuery Wysiwyg " Trumbowyg " を使用します。ビデオを追加するプラグイン「noembed」を入れました。

残念ながら、私は奇妙なことに気付きました: Trumbowyg でビデオ (たとえば、Youtubeの「 iframe 」) のみを追加しようとすると、PHP で値を取得すると、フィールドは常に空になります。

しかし、同じビデオを別のもの (例では単純なテキスト) に配置すると、フィールドは空ではなく、変数 " $_POST " には、以前にエディターに書き込んだすべてのデータ (ビデオ + テキスト) が含まれます。

ここに私のコード：

「 console.log($('#editor').trumbowyg('html')) 」で変数を表示すると、同じことに気づきます。

この問題を解決するにはどうすればよいですか?

Trumbowyg django ウィジェット (Django FS Trumbowyg https://bitbucket.org/fogstream/django-fs-trumbowyg/ ) を使用しているときに、突然動作しなくなり、フォームがテキスト フィールドに戻ります。

継承テンプレートを少し変更してjQueryをより早くロードすることを除いて、それに関連するものは何も変更していないと思うので、動作を停止する理由を見つけることができないようです。また、PIP パッケージの再インストールを試み、ローカルの静的フォルダーと静的 cdn フォルダーを手動で同期して、両方に fs_trumbowyg リソースが含まれるようにしました。

以上のことから、以下に示すように、サーバーはブラウザーにリソースを正常に提供しているようです。

[05/Jul/2016 11:31:35] "GET /static/fs_trumbowyg/css/trumbowyg.css HTTP/1.1" 304 0 [05/Jul/2016 11:31:35] "GET /static/fs_trumbowyg/trumbowyg/design/css/trumbowyg.css HTTP/1.1" 304 0 [05/Jul/2016 11:31:35] "GET /static/fs_trumbowyg/trumbowyg/trumbowyg.min.js HTTP/1.1" 304 0 [05/Jul/2016 11:31:35] "GET /static/fs_trumbowyg/trumbowyg/langs/ru.js HTTP/1.1" 304 0 [05/Jul/2016 11:31:35] "GET /static/fs_trumbowyg/js/trumbowyg.upload.js HTTP/1.1" 304 0

そして、テキストボックス要素を調べると、それがtrumbowygテキストボックスであると正しく考えているようです<textarea class="trumbowygwidget form-control" cols="40" id="id_content" name="content" rows="10"></textarea>

ただし、通常のテキスト フィールドとして表示されます。

私の質問は、過去数時間の結果、アイデアが不足しているため、どうすれば解決できるかということです。

編集 (Trumbowyg の設定方法を表示するため):

forms.py (フォーム ファイル):

settings.py ファイル'trumbowyg',の INSTALLED_APPS 配列内にあります。

また、指示に従って、url(r'^trumbowyg/', include('trumbowyg.urls'))(グローバル) urls.py ファイル内に行を追加しました。

私はこれを理解しようとして髪を引っ張ってきました。

現在、jquery 検証プラグインを使用して jquery 2.2.2 を実行しています。https://jqueryvalidation.org/ および Trumbowyg WYSIWYG エディター。https://alex-d.github.io/Trumbowyg/

ほとんどすべてが機能しますが、実際にクリックしたり何かを実行したりするたびに、それは素晴らしいことです。コンソール エラーが発生しますUncaught TypeError: Cannot read property 'nodeName' of undefined。また、Trumbowyg の特定の部分が正しく機能しないようにします。

したがって、私の解決策は、jquery 検証プラグインで無視クラスを使用することでした。しかし、うまくいきません。さまざまなフィールドのほとんどすべてのクラスのラベル付けを無視しようとしましたが、何をしても無視されることはありません。

では、trumbowyg テキスト エディタで jquery 検証プラグインを使用するにはどうすればよいでしょうか。

これが私の検証コードです。

検証プラグインを削除しましたが、trumbowyg のすべてが機能しました。そのため、新しい検証プラグインを見つける時が来たのかもしれませんが、それは避けたいと思います。

更新: Firefox で別のエラーが発生していることに気付いたので、それも共有したいと思います。

問題の例は、http: //develop.chrischampeau.com/admin/test.phpでデモできるはずです。

trumbowyg 絵文字プラグインに問題があります。

ドロップダウン絵文字は表示されますが、絵文字アイコン リストは表示されません (たとえば、:smile: などのテキスト コンテンツのみ)。

何か案は？