ブートストラップ用の WYSIWYG エディターを探していたところ、summernote に出会いました。

ブートストラップ用の素敵なライト エディターのようです。

私が抱えている問題は、フォームを投稿すると、テキストエリアから summernote コードが取り除かれることです。ただし、テキストは送信されます。

get summernote が生成したコードを実際に投稿するための回避策はありますか。

現在Bootstrap 3 WYSIWYGを使用しています。次のテキストエリアを設定しました。

ただし、ドロップダウンに「通常のテキスト」と「見出し 2」のオプションのみを表示したいと思いますfont-styles。これは可能ですか？

Web サイトでブートストラップ wysiwygを使用したいと考えて いFlaskます。このプロジェクトflask-wysiwygを見つけて、著者のアドバイスに従いましたが、うまくいきません。

私が知りたいのですが：

• なにが問題ですか？
• これを自分で解決するにはどうすればよいですか？

コードは次のとおりです。

フォーム.py

view.py

post-rich-text-edit.html

私は Responsive-WYSIWYG-Text-Editor-with-jQuery-Bootstrap-LineControl-Editor を使用していますが、フォームが投稿されたとき、テキストエリアの値は null で、もう 1 つ、TextArea で Required Attribute を使用しましたが、テキストエリアにテキストを入力せずにフォームが投稿されます. 以下は私のコードです -

HTMLコード

Jクエリコード

次の Div は、Textarea に入力された値を保持する WYSIWYG エディターによって生成されます

PHP BladeおよびHandlebars * テンプレートを編集できる WYSIWYG HTML エディターが必要です。私はTinyMCE、CKEditor、およびブートストラップ wysihtml5を試しましたが、それらはすべて無効な HTML を「修正」します。誰かが代替案を提案できますか?

以下を変更せずに、WYSIWYG モードとソース モードを切り替えることができる必要があります。

私が見つけたすべてのエディターは、テーブルを削除し@foreach、時にはテーブルも壊します。「ビジュアル」モードが壊れていてもあまり気にしませんが、HTML はそのままにしておく必要があります。

*Handlebars 変数の前に $ を付けて、ブレード テンプレートと広く互換性があるようにします。

概要

JSPMを使用して ES6 プロジェクトにbootstrap-wysiwygパッケージをインストールしようとしています。

通常、コマンドを使用してパッケージをインストールできます

jspm インストール npm:bootstrap-wysiwyg

そして、JSPM がファイルを処理config.jsし、フォルダー内にエントリー JS ファイルを作成しjspm_packagesます。

私の問題

この特定のパッケージでは、ルート ディレクトリに bootstrap-wysiwyg JS ファイルへのエントリが作成されますが、その JS ファイル自体は作成されません。config.js

ファイル

Config.js

輸入

エラーメッセージ

質問

JSPM がそのファイルを確実に作成するにはどうすればよいですか? 自分で作成することもできますが、バージョン管理が明らかに壊れています。

React を使用しているアプリケーションがあります。現在、 bootstrap-wysiwyg/bootstrap3-wysiwygパッケージを実装しようとしているところに問題があります。

<textarea>テキスト エディターとして機能させるootstrap-wysiwyg/bootstrap3-wysiwygには、テキスト エディターで次の JQuery 関数を実行する必要があります。

ここに私のコンポーネントがあります:

<textarea>その JQuery 関数をReact コンポーネントのmy に適用するにはどうすればよいですか?

React と JQuery をブレンドするのはあまり良い方法ではないことはわかっていますが、これが機能するためには本当に必要です。パッケージを機能させる別の方法がある場合は、代わりにそれを回答としていただければ幸いです。

そうでなければ、誰かがこれを機能させるのを手伝ってくれるなら、それは大歓迎です!

更新：（ まだ探しています）

すべての提案をありがとう。私はたくさん試しましたが、それらはすべて問題を引き起こしました:

1. <ReactQuill>まったくうまく表示されません。ボタンは巨大です。
2. <EditableDiv>私に与えます：Uncaught Error: addComponentAsRefTo(...): Only a ReactOwner can have refs.
3. Syam Mohanの答えは私に与えます：Uncaught TypeError: Cannot read property 'font-styles' of undefined at f

まだうまくいくものを探していますが、これまでのすべての努力に感謝します!

jQuery を使用して動的にコンテンツを bootstrap-wysiwyg エディターに設定する方法。私は試した

それらのどれも受け入れていないようです