問題タブ [bootstrap-wysiwyg]

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.

0 投票する
2 に答える
1433 参照

jquery - ブートストラップ-wysiwyg get インスタンスが未定義です

テキストエリアIDまたは配置したクラスに基づいてwysihtml5インスタンスを取得する方法について、Githubのガイドに従っています。この JSFiddle は、私が実行しているエラーを示しています。

http://jsfiddle.net/ez3ajvaf/2/

これは私のHTMLです:

これは私のJavascriptです:

私が受け取っているエラーは

キャッチされていない TypeError: 未定義のプロパティ 'html' を読み取れません

彼らの github https://github.com/bootstrap-wysiwyg/bootstrap3-wysiwygの下で、 「次のように wysihtml5 エディター オブジェクトにアクセスできます:」までスクロールすると、wysihtml5 を開始したテキストエリア ID に基づいて、この正確なコードが表示されます。 . 私のテキスト エディタは正常に読み込まれ、問題なく動作しますが、インスタンスを取得できないようです。data-wysihtml5そもそもコードを開始するときに、属性として追加されているようには見えません。

「引用」をクリックすると、投稿が引用されます(後でそのコンテキストを取得するために追加できます)。助けや指導をありがとう!

0 投票する
1 に答える
1321 参照

javascript - ブートストラップ-wysiwygで「変更イベント」を使用するには?

ブートストラップ-wysiwyg を使用しています。

テキストが変更され、入力ボックスがぼやけた後に発生するイベントが必要です。

以下のコードを見ましたが、これは私が望むイベントではありません

テキストが変更され、入力ボックスがぼやけた後にイベントが発生するようにします。

必要なイベントは、jQuery の「.change()」に似ています。

私はあなたが私を助けてくれることを願っています..ありがとう..

0 投票する
1 に答える
101 参照

javascript - ブートストラップ wysihtml5 は余分な文字列を表示します

私はbootstrap-wysihtml5エディターを使用しています。私のウェブではうまく機能しています。しかし、jqueryを使用してphpにデータを送信すると、余分なデータが送信されます。例えば:

これを送ると:

以下を送信します。

私のブートストラップ wysihtml5 構成は次のとおりです。

そして、私のjquery ajaxコードはここにあります:

それを回避するための手順は何ですか?

0 投票する
2 に答える
4281 参照

javascript - ブートストラップ検証を使用して wysiwyg エディターを検証する方法

使用する

bootstrap3-wysihtml5-bower 2013-11-22 (WYSIWYG エディター)

BootstrapValidator v0.5.2

ブートストラップ検証を使用してテキストエリア (bootstrap-wysihtml5 エディター) を検証します。NotEmptyMax Charactersを確認してからフォームを送信するだけです。

これまで試した

JSFiddle https://jsfiddle.net/v6s0726L/1/

0 投票する
1 に答える
489 参照

javascript - ブートストラップ-wysiwyg がフォーカスを失う

プロジェクトに bootstrap-wysiwyg エディターを実装しようとしていますが、ドロップダウンのあるツールバーのボタンをクリックするたびに、エディターがフォーカスを失います。つまり、たとえば、テキストが選択されていないためにリンクを追加できません。 、エディターのキャレット位置が失われたため、画像は常にコンテンツの先頭に追加されます。これは Firefox と Chrome で発生します。たとえば、リンク挿入ボタンの HTML コードを次に示します (エディターのドキュメントの例と非常に似ていますが、機能しません)。

唯一の JS コードはエディター フックです。

jQuery v2.1.4、Bootstrap v3.3.6、bootstrap-wysiwyg v1.0.4 を使用しています。ご協力ありがとうございます。

0 投票する
3 に答える
7384 参照

php - wysiwyg ブートストラップをデータベースに保存

エディター内で記述したコンテンツをデータベースに保存できません。

div を textarea に変更すると、データベースに問題なく保存されることに気付きました。しかし、その「解決策」は wysiwyg の機能を削除し、私が必要とする豊富なデータ形式で保存することができません。

では、div を使用してデータベースに保存するにはどうすればよいでしょうか。

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

コードをこれに変更すると、データベースに保存されますが、上記のように他の機能が台無しになります..

豊富なデータ形式でデータベースに保存できるようにするには、どうすればこれを修正できますか?

ありがとう

0 投票する
1 に答える
2693 参照

javascript - wysiwygエディターjavascriptで単語数を数える方法は?

私は WYSIWYG エディターを使用しており、そこに記述して保存しています。

書いた文字数を数えたいだけです。

私が書いたと仮定すると"My Count is 4"、それは私に13としてカウントを表示するはずです

太字または斜体でマークした後、カウントは 13 のままになります。

私がカウントするために使用しているコードはjQuery(selector).text().length;

しかし、htmlタグとともにデータが返されます。

"My Count is 4"エディターで太字で書いた場合。<b></b>htmlタグもカウントしているため、カウントが増加しています。

解決策を見つけるのを手伝ってください。

0 投票する
1 に答える
4119 参照

smarty - WYSIWYG エディタを Prestashop 1.6.X モジュール smarty テンプレート フォームに追加

Prestashop 1.6.X でカスタム モジュールを作成しています。私のモジュールには、smarty で作成されたフォームがあります。そのスマートな形に WYSIWYG エディタを追加したい。では、WYSIWYG エディターを smarty テンプレート フォームに追加する方法を教えてもらえますか? どんな助けや提案も本当に価値があります。ありがとう