Как исправить размер / размеры изображения в редакторе primeng - PullRequest
Новая
       53

Как исправить размер / размеры изображения в редакторе primeng

0 голосов
/ 16 января 2020

Я разрабатываю приложение с angular 8, в котором я использую простой редактор ng. В разделе «Загрузка изображения» я хочу установить ограничение на размер и размер изображения перед загрузкой, но я не могу этого сделать.

enter image description here

Может ли кто-нибудь помочь мне сделать это? в противном случае любые предложения для других компонентов более просты

1 Ответ

1 голос
/ 17 января 2020

У Quill пока нет (по крайней мере, насколько мне известно, и сегодня) практического способа управления файлами с компьютера пользователя.

Но это не мешает вам определить свой собственный способ сделать Это. На inte rnet есть сотни учебных пособий, демонстрирующих, как загружать и отображать изображения, используя JavaScript. С этим знанием все, что вам нужно сделать, это изменить исходное поведение изображения Quill по умолчанию. В этом случае вы можете изменить поведение кнопки изображения на панели инструментов. И не очень сложно получить информацию об изображении .

Чтобы изменить поведение кнопки Quill image по умолчанию, вам нужно будет использовать пользовательский обработчик . Вот простой пример того, как кнопка изображения может изменить свое поведение: 

function customImageBehavior(){
  console.log('Put your code here!');
}

var quill = new Quill('#editor', {
    theme: 'snow',
    modules: {
      toolbar: {
        container: [['bold' , 'italic' , 'strike' , 'underline'] , ['image' , 'video' , 'link']],
        handlers: {
          'image': customImageBehavior
        }
      }
    }
});
<link href="https://cdn.quilljs.com/1.3.6/quill.snow.css" rel="stylesheet">
<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>

<div id="editor"></div>

О, и не забудьте посетить эту ссылку , чтобы узнать немного больше информации о Quill.

...