問題タブ [quill]

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 に答える
2680 参照

javascript - Quill オンデマンドの有効化/無効化

私はクイルを使って myDiv を次のように編集可能にしています:

また、必要に応じて (たとえば、ボタンを押すことによって)、Quill をアクティブまたは非アクティブ (ユーザーはコンテンツを編集できなくなります) にしたいと考えています。

またはのようなものはありますmyQuill.disable()myQuill.enable()

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

javascript - Quill JSでコンピュータから画像を追加するには?

URL からクイル JS エディターに画像を追加することは可能ですが、従来のすべてのリッチ テキスト エディターのようにコンピューターから画像を追加する方法を見つけることができません。

この目的に役立つ方法はありますか?

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

quill - ツールバーのリンク シンボルからマウスを離すとリンク ツールチップが消えるのはなぜですか?

私の Quilljs エディターでリンクをテストするには、テキストを強調表示してから、ツールバーのリンク シンボルをクリックします。リンクのツールチップが一瞬表示されますが、シンボルをクリックしたままにしない限り、すぐに消えます。

間違って適用されている「ql-hidden」クラスがあるようですが、構成が間違っていることに関係があるかどうかはわかりません。

JavaScript は次のとおりです。

HTML は次のとおりです (Jade テンプレート言語を使用):

そして、これが私がこれのために書いた唯一のスタイルです:

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

javascript - Wysiwyg のように Quill に "show html" ボタンを追加するにはどうすればよいですか?

私は最近、Quill テキスト エディターについて知りました。PHP と JavaScript で新しいものを使っているので、Wysiwyg の代わりにアプリで使用することにしました。

ただし、クイルのドキュメントは本当に最小限です。ユーザーが現在の html を表示および編集できるボタンを追加するにはどうすればよいですか?

Quill を拡張して独自のものを作成する必要がありますか?

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

javascript - QuillJS でカスタム ツールバー ボタンを作成するにはどうすればよいですか?

アプリケーション (1.0.0-beta.8) で QuillJS を使用しており、ツールバーに 2 つの新しいボタンを追加して機能を拡張しようとしています。具体的には、ユーザーがいずれかのボタンをクリックすると、要素がテキスト領域に挿入され、定義済みのテキストを含む小さなボックスのように見える CSS スタイルが適用されます。ユーザーがそのボックスをクリックすると、そのイベントを処理できるはずです (たとえば、テキストを変更して Ajax リクエストを送信する)。

ドキュメントはやや不完全ですが、Formatまたは何かを作成する必要がありますか?

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

javascript - QuillJS エディターにカスタム フォント サイズを追加する方法

QuillJS を使用してカスタム フォント サイズをツールバーに追加するにはどうすればよいですか? 私は2つのアプローチを試しました:

ただし、どちらも機能しません。私がここに欠けているものはありますか?値から「px」も削除してみました。まだ何もありません。

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

javascript - QuillJS/Rich-Text デルタで幅と高さの属性を割り当てる方法

QuillJS 1.0 Beta を使用しています。テキスト エディターがあり、ユーザーが最初にコンテンツを作成します。送信をクリックすると.innerHTML()、エディタから が抽出され、データベースに保存されます。次に、ユーザーがそのコンテンツを編集したい場合は、データベースから html を取得し.pasteHTML()、Quill の API を使用してエディターに貼り付けます。

HTML をエディターに貼り付けると、テキスト スタイルは問題なく貼り付けられますが、画像を含めると、画像のサイズは、設定したインライン スタイルではなく、画像の自然な高さ/幅に設定されます。何らかの理由で、Quill のクリーナーがこのスタイルを削除しているに違いありません。ストレートhtmlを渡すので、この「クリーナー」を回避できるように渡すパラメーターはありますか?

DB からの html 文字列の一部を次に示します。

スタイリングはご覧の通り。Quill がエディターに貼り付けた後に DOM を表示すると、img タグにはこれらのスタイルがありません。何か案が?

イメージタグを特定の方法で解釈するマッチャーを追加しようとしましたが、何をしても、幅/高さを固定できません:

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

javascript - Quill Link のツールチップはデフォルトでは非表示です

今日、リッチ テキスト エディターを探しているときに Quill を発見し、ドキュメントに従って動作させようとしました。これまでのところ、ほとんどの場合問題なく動作しています。

私の唯一の問題は、リンクアイコンをクリックしても、次のクラスが不思議なことに ql-tooltip<div>要素に追加されているため、ツールチップが表示されないことです: ql-out-bottom.

このクラスは、次の CSS ルールを に追加しますquill.snow.css:391

このクラスは、Quill のドキュメンテーション デモに追加され 、本当に困惑しています。

ドキュメントから完全にコピーパスタリーノされた私の現在のセットアップは次のとおりです。

私は Quill v1.0.0-beta.11 を使用しており、cdn.quilljs.com から JS と CSS を取得しています。私は Stackoverflow に頻繁に投稿しないので、この投稿がすべての手続きに従っていることを願っています。

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

quill - Quill プレースホルダーを動的に変更する

Quill エディタのインスタンス化には、プレースホルダ オプションがあることを知っています。エディターがインスタンス化された後、このプレースホルダーを動的に変更する方法はありますか?