Question

我无法在CSS Prime文本区域中使此CSS悬停工作。

这是我的CSS。无效的功能有效，但无法悬停。

<p-editor [ngClass]="{'editor': true,
                      'is-invalid': form.get('omoss').invalid && form.get('omoss').touched,
                      'is-valid': form.get('omoss').dirty && form.get('omoss').valid}"
          [(ngModel)]="foretagsprofil.omoss"
          formControlName="omoss"
          placeholder="Skriv en intresseväckande beskrivning av företaget (max 1000 tecken)."
          [style]="{'height':'350px', 'width':'100%'}"
          [attr.aria-invalid]="form.get('omoss').invalid && form.get('omoss').touched" tabindex="0">
  <p-header tabindex="0">
    <span ngClass="ql-formats">
      <button ngClass="ql-bold" aria-label="Fet" title="Fet"></button>
      <button ngClass="ql-italic" aria-label="Kursiv" title="Kursiv"></button>
    </span>
  </p-header>
</p-editor>

这是我的html，插入了PrimeNG元素：

myLastLinkPath

Answer 1

由于p编辑器基于羽毛笔js库，因此您可以通过编辑器组件访问羽毛笔库，以像这样调用focus函数

以html

 <p-editor #textEditor [ngClass]="{'editor': true,
                              'is-invalid': form.get('omoss').invalid && form.get('omoss').touched,
                              'is-valid': form.get('omoss').dirty && form.get('omoss').valid}"
                  [(ngModel)]="foretagsprofil.omoss"
                  formControlName="omoss"
                  placeholder="Skriv en intresseväckande beskrivning av företaget (max 1000 tecken)."
                  [style]="{'height':'350px', 'width':'100%'}"
                  [attr.aria-invalid]="form.get('omoss').invalid && form.get('omoss').touched" tabindex="0">
          <p-header tabindex="0">
            <span ngClass="ql-formats">
              <button ngClass="ql-bold" aria-label="Fet" title="Fet"></button>
              <button ngClass="ql-italic" aria-label="Kursiv" title="Kursiv"></button>
            </span>
          </p-header>
        </p-editor>

在component.ts

中

 import { ViewChild } from '@angular/core';
    @ViewChild('textEditor') textEditor: Editor;
     quill: any;
    ngOnInit(){
       this.quill = this.textEditor.getQuill();
       this.quill.focus();
    }

我如何获得与PrimeNG textarea一起使用的CSS焦点？

1 个答案: