Как добавить изображение с компьютера в Quill JS?

Question

Можно добавить изображение в редактор Quill JS с URL-адреса, но не можете найти способ добавления изображения с компьютера, как это делают все традиционные редакторы текстовых редакторов.

Есть ли способ, который служит этой цели?

Answer 1

Это просто. Просто добавьте кнопку с классом ql-image.

Пример ниже:

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

Наконец, экземпляр Quill с панели инструментов контейнера, установленного на вашей панели инструментов элемента:

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

Это добавит изображение к содержимому редактируемой области у вас есть в качестве базы 64 в элементе img.