Quill JSでコンピュータからイメージを追加するには？

urlからquill JSエディタに画像を追加することは可能ですが、従来のリッチテキストエディタのようにコンピュータから画像を追加する方法はありません。Quill JSでコンピュータからイメージを追加するには？

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

2016-06-24 dhawal

このスレッドをチェックする - http://stackoverflow.com/questions/29008914/how-to-add-image-in-quill-js – Ankit

これは、URLを使用してイメージを追加します。コードをドローしたりドロップしたり画像を追加することはできません – dhawal

これは簡単です。 ql-imageクラスのボタンを追加するだけです。以下

例：これは、あなたがベースとして持っているコンテンツの編集可能領域に画像を追加します

var quill = new Quill('#editor', { 
      modules: { 
       toolbar: { 
        container: '#toolbar' 
       } 
      }, 
      theme: 'snow' 
     });

：

<div id="toolbar" class="toolbar"> 
    <span class="ql-formats"> 
     <button class="ql-image"></button> 
    </span> 
</div>

最後に、あなたのツールバーの要素に設定ツールバーのコンテナでクイルをインスタンス化64エンコードされた文字列をimg要素に追加します。

出典

2016-08-01 15:27:16

私はこのコードを自分のコードにゆるやかに投げ込んでテストしましたが、大きすぎる413要求エンティティで私のエンドポイントを爆発させること以外は完璧に機能しました。これまでにこの問題を抱えていたので、サイズ制限を増やすだけでいいはずです。コードをありがとう。 – agm1984

Quill JSでコンピュータからイメージを追加するには？

答えて

関連する問題