小编sus*_*rai的帖子

如何从 angular 8 中的primeng p-editor的工具栏中删除选项卡?

这是m代码。tabIndex ="-1" 适用于大多数,但它不适用于 select 标签和 "ql-image"。我想从它们中删除所有选项卡,并希望焦点直接在编辑器框中而不是工具中。

 <p-editor #editor required [(ngModel)]="comment.comment" name="comment"  class="pEditor"
        [style]="{ height: '180px', 'font-size': '1.2em' }">

        <p-header>

          <span class="ql-formats">
            <select class="ql-header" tabindex="-1">
              <option value="1" tabindex="-1">Heading</option>
              <option value="2" tabindex="-1">Subheading</option>
              <option selected tabindex="-1">Normal</option>
            </select>
            <select class="ql-font" tabindex="-1">
              <option selected tabindex="-1">Sans Serif</option>
              <option value="serif" tabindex="-1">Serif</option>
              <option value="monospace" tabindex="-1">Monospace</option>
            </select>
          </span>
          <span class="ql-formats">
            <button class="ql-bold" aria-label="Bold" tabindex="-1"></button>
            <button class="ql-italic" aria-label="Italic" tabindex="-1"></button>
            <button class="ql-underline" aria-label="Underline" tabindex="-1"></button>
          </span>
          <span class="ql-formats">
            <select class="ql-color" tabindex="2"></select>
            <select class="ql-background" tabindex="2"></select>
          </span>
          <span class="ql-formats">
            <button class="ql-list" value="ordered" aria-label="Ordered List" …
Run Code Online (Sandbox Code Playgroud)

editor quill primeng angular

6
推荐指数
1
解决办法
718
查看次数

标签 统计

angular ×1

editor ×1

primeng ×1

quill ×1