1
今日、私はリッチテキストエディタを探しているときにQuillを発見しました。これまでのところ、ほとんどのものはうまく動作します。Quill Linkのツールチップはデフォルトでは表示されません
私の唯一の問題は、リンクアイコンをクリックすると、次のクラスがql-tooltip <div>
要素に不思議に追加されたために表示されないということです。ql-out-bottom
。
このクラスは、quill.snow.css:391
で次のCSSルールを追加します。
.ql-snow .ql-out-bottom, .ql-snow .ql-out-top {
visibility: hidden;
}
このクラスは、本当に私をperplexesクイルのドキュメントのデモに追加されません..
ここに完全である私の現在の設定ですドキュメントからcopypastarino'd:
var snowQuill = new Quill('.quill', {
placeholder: 'Skriv noget hyggeligt her...',
modules: {
toolbar: [
[{ header: [] }],
['bold', 'italic', 'underline', 'link'],
[{ color: [] }, { background: [] }],
[{ list: 'ordered' }, { list: 'bullet' }],
['clean']
]
},
theme: 'snow'
});
私はQuill v1.0.0-beta.11を使用していますcdn.quilljs.comからJSとCSSを入手します。私はStackoverflowを頻繁に投稿しないので、この投稿がすべての手続きに従ってくれることを願っています。
お返事ありがとうございます。それは確かに神秘を解決します。 Quillの将来の開発がそれを実現するかどうかを知っていますか?そうすれば、ツールチップが一方の境界を越えると、スペースがあるかどうかを他の人が試すことができるでしょうか?たとえば、ユーザーがエディタの一番下に入力してリンクを追加した場合、エディタは下の(そして範囲外の)代わりに強調表示されたテキストの上に表示される可能性があります。クイルはクールなプロジェクトのように思えますが、現在はまだベータ版であることを認識しています。 –