2016-08-12 48 views
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を頻繁に投稿しないので、この投稿がすべての手続きに従ってくれることを願っています。

答えて

0

2つのクラス.ql-out-bottomとは、ツールヒントがエディタの垂直境界を超えて表示される場合に追加されます。

+0

お返事ありがとうございます。それは確かに神秘を解決します。 Quillの将来の開発がそれを実現するかどうかを知っていますか?そうすれば、ツールチップが一方の境界を越えると、スペースがあるかどうかを他の人が試すことができるでしょうか?たとえば、ユーザーがエディタの一番下に入力してリンクを追加した場合、エディタは下の(そして範囲外の)代わりに強調表示されたテキストの上に表示される可能性があります。クイルはクールなプロジェクトのように思えますが、現在はまだベータ版であることを認識しています。 –

関連する問題