Редактор Primeng wysiwyg изменить размер изображения? - PullRequest
Новая
       14

Редактор Primeng wysiwyg изменить размер изображения?

0 голосов
/ 18 марта 2020

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

<p-editor [(ngModel)]="text2" [style]="{'height':'320px'}">
  <p-header>
    <span class="ql-formats">
      <select class="ql-size">
        <option value="small">small</option>
        <option selected />
        <option value="large">large</option>
        <option value="huge">huge</option>
      </select>
    </span>
    <span class="ql-formats">
      <select class="ql-size">
        <option value="24px">24</option>
        <option value="ql-48px">48</option>
        <option value="100px">100</option>
        <option value="200px">200</option>
      </select>
    </span>
    <span class="ql-formats">
      <button class="ql-bold" aria-label="Bold" />
      <button class="ql-italic" aria-label="Italic" />
      <button class="ql-underline" aria-label="Underline" />
      <button class="ql-strike" aria-label="Strike" />
    </span>
    <span class="ql-formats">
      <select title="Text Color" class="ql-color" defaultValue="rgb(0, 0, 0)">
        <option value="rgb(0, 0, 0)" label="rgb(0, 0, 0)" />
        <option value="rgb(61, 20, 102)" label="rgb(61, 20, 102)" />
      </select>
      <span class="ql-format-separator" />
      <select
        title="Background Color"
        class="ql-background"
        defaultValue="rgb(255, 255, 255)"
      >
        <option value="rgb(0, 0, 0)" label="rgb(0, 0, 0)" />
        <option value="rgb(61, 20, 102)" label="rgb(61, 20, 102)" />
      </select>
    </span>
    <span class="ql-formats">
      <button class="ql-list" value="ordered" />
      <button class="ql-list" value="bullet" />
      <select title="Text Alignment" class="ql-align">
        <option selected>Gauche</option>
        <option value="center" label="Center" />
        <option value="right" label="Right" />
        <option value="justify" label="Justify" />
      </select>
    </span>
    <span class="ql-formats">
      <button aria-label="Link" class="ql-link" />
      <button aria-label="Image" class="ql-image" />
    </span>
  </p-header>
</p-editor>;

Это мой Html код, я не знаю, смогу ли я нужно что-то большее, или не возможно сделать это.

Извините, мой английский sh очень плохой.

...