代码之家  ›  专栏  ›  技术社区  ›  Juan Carlos Quiles Estruch

启动编辑器所见即所得调整图像大小?

  •  0
  • Juan Carlos Quiles Estruch  · 技术社区  · 6 年前

    当你选择图像并在编辑器中显示时,是否可以添加图像、调整大小或裁剪? 素描有编辑器的默认设置,它基于鹅毛笔,但我不知道是否可能。

    <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>;
    

    对不起,我的英语很差。

    0 回复  |  直到 6 年前