問題タブ [jwysiwyg]

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 投票する
1 に答える
139 参照

javascript - jwysiwyg プログラムでツールバーのクリックを呼び出す

jwysiwygを使用していますが、太字、斜体などのツールバー ボタンの一部をプログラムでクリックできるようにしたいと考えています。これは可能ですか?

基本的に、私はこのようなものが欲しいです:

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

jquery - jwysiwyg: 新しい段落を追加するときに特定の属性を複製しませんか?

jwysiwyg で Enter キーを押して新しい段落を追加すると、新しい段落には前の段落の属性が自動的に割り当てられます。

新しく挿入された要素への特定の属性の複製を禁止する方法はありますか? jwysiwyg のソースを調べましたが、要素が複製される場所を見つけることができませんでした。

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

javascript - jWYSIWYGフォントカラー設定ボタン

jQueryWYSIWYGを使用しています( https://github.com/akzhan/jwysiwyg

jwysiwygテキストに色を付けることができるカラーパレットが含まれていることに気付きました。しかし、私がやりたいのは、色を適用するエディターの外側にカスタムボタンを配置することです。

フォントの色の設定をトリガーして色の値を渡す方法はありますか?

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

jquery - jwysiwygのデフォルトコントロールを非表示にする方法は?

jwysiwygは、テキストエリアを HTML WYSIWGエディターに変換するプラグインです。API のオプションで表示されるデフォルトのコントロールを非表示にしようとしていますControlName:{visible:false}が、機能していないようです。

正当化コントロールを非表示にするために使用しているコードは次のとおりです。

期待どおりに動作しない理由について何か考えはありますか?

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

javascript - emberjs バインディングと jwysiwyg

Ember.TextArea http://emberjs.com/で jwysiwyg jQuery プラグインhttps://github.com/akzhan/jwysiwygを使用したいのですが、バインディングを機能させることができないようです:(

以下の例を考えてみましょう。バインディングが起動した後、runloop を使用して .jwysiwyg jQuery プラグインを呼び出しました (したがって、正しいデータが含まれています)。

私の問題をどのように説明すればよいかわかりませんが、簡単に言えば、データを逆方向に流すことはできません...つまり. テキスト領域 (現在は html エディター) のデータを更新すると、モデルが更新されません。

誰かが問題を回避する方法を知っていますか? ..回避策の提案はありますか? .. ポインタはありますか? …何か役に立ちますか?

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

javascript - JavaScript を使用して JQuery WYSIWYG エディターのコンテンツを変更する

jqueryを使ってテキストエリアに値を入れたいです。次のコードを使用しています。機能していません。

テキストの場合は機能していますが、テキストエリアの場合は空の値を示しています。jqueryまたはjavascriptを使用してテキストをテキストエリアに入れる方法を教えてください??

0 投票する
0 に答える
185 参照

jquery-ui - jquery-wysiwym エディターのドラッグ可能なボタン バー

このチュートリアルから学ぶマークダウン エディターを構築しようとしています。ほとんどの場合、一部の CSS のみを微調整しました。

このブログ投稿を使用して、ボタン パネルをドラッグ可能にしようとしました。しかし、そのコードを追加すると、エディターが機能しなくなりました。

頭の中 (すべての js ファイルの後):

そして本体セクションで:

テキストエリアがエディタに変換されWysiwym.Markdownます。変換後のボタンは のdiv上に追加されますtextarea。ブログによると、それdivは移動可能なはずです。代わりに、プラグインが機能しなくなりました。つまり、textareaエディタに変換されません。

基本的なアイデアは、ユーザーが自分の都合に合わせて使用​​できるように、ボタン バーを可動にすることです。aloha-editorのホーム画面のようなもの。パネルは可動式ですが、textarea固定式です。なぜ機能しなかったのですか?

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

jquery - jquery UI sortable で項目を並べ替えると、編集可能領域が消える

タイトルが奇妙に聞こえるかもしれません。そうですね。

これが私のコードの概算です(この例では役に立たない ajax 呼び出しがいくつか欠けており、他のいくつかのものを単純化しています):http://jsfiddle.net/pKNAz/3/

ドラッグ可能なアイテムのリストがあるとします (この場合、「Add a Wysiwyg」と呼ばれるドラッグ可能なアイテムのみがあります) ドロップ ゾーン (私の例では灰色の四角形) に移動でき、テキストエリアが追加されます。ドロップ後、jwysiwyg ライブラリを使用して wysiwyg に変換します (このプラグインが使用するすべての画像と css を追加することはできませんでしたが、テキストエリアの基本的な動作 (ctrl+b、ctrl+i、ctrl+u) は機能するので、動作していると仮定します)。

ドロップ時に特に効果的です。ただし、ソート時にjwysiwygを壊すようになります。2 つの jwysiwyg を作成した後、暗い灰色のハンドルをドラッグして自分で試すことができます。ソートした jwysiwyg がその jwysiwyg を失っていることがわかります。を検索することで、以前にテキストエリア内に書き込んだ正しい値を引き続き取得できます$('textarea.overflow').val()が、jwysiwyg は使用できなくなりました。

この問題を解決する方法について誰か考えがありますか? 前もって感謝します

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

javascript - HTML リッチテキスト編集: カスタム HTML を選択範囲にラップ

jWysiwyg ライブラリを介して html 5 リッチ テキスト編集を使用しています。ドキュメント上のテキストを強調表示して太字にするのと同じように、ドキュメントの選択した部分をカスタム HTML で囲むことができるようにしたいと考えています。この件に関する情報は非常に限られており、それが可能かどうかさえわかりません。また、ページの生の html 選択を取得しようとしましたが、これまでのところ、画面で強調表示されているもののプレーンテキスト バージョンしか取得できませんでした。任意の推奨事項をいただければ幸いです。

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

asp.net-mvc - Jquery wysiwyg エディターの書式設定プラグイン (rmFormat) の削除が機能しない

次のプラグインをダウンロードして実装しました: https://github.com/jwysiwyg/jwysiwyg

今は、ユーザーがプラグインに入力されたテキストを書式設定できないようにしたくありません。基本的な太字のイタリック体と段落だけです。だから私はrmFormatプラグインを実装しようとしました

しかし、それはうまくいきません!誰でもこれを経験していますか?非常に単純なマークアップ コントロールのみを許可する、このようなコントロールの提案が他にない場合は?

サイトはMVCです

ここにフィドルがあります

http://jsfiddle.net/KjVEt/69/