Editor 不带工具栏的启动编辑器

如何关闭Priming编辑器上的工具栏

我正在获取编辑器的onInit的编辑器实例。然而，下面的方法似乎不起作用。 我在quilljs中看到的示例似乎都是在创建新的quilljs实例的基础上工作的，但是在本例中，我已经有了实例？ 确实调用了editorInitComment方法，但没有错误，它仍然显示工具栏

HTML:

<p-editor class="quill-comment" [(ngModel)]="comment.body" (onInit)="editorInitComment($event)" [style]="{'height':'90px'}"></p-editor>

---

您可以像这样使用p-header

<p-editor [(ngModel)]="value">
    <p-header hidden>
      <span class="ql-formats"></span>
    </p-header>
  </p-editor>

---

您可以像这样使用p-header

<p-editor [(ngModel)]="value">
    <p-header hidden>
      <span class="ql-formats"></span>
    </p-header>
  </p-editor>

---

如果你想使用正确的边框，请使用下面的代码。 启动版本：5

HTML:

---

如果你想使用正确的边框，请使用下面的代码。 启动版本：5

HTML:

---

如果你不想要工具栏，为什么不使用呢？这是一个很好的观点，我在某个地方看到他们使用相同的文本编辑器来显示评论。但tbh真的找不出这样做的理由：。我会试试你的主意。谢谢，我想起来了，我正在尝试重新加载保存在数据库中的内容。因此，使用quilleditor，我保存了可以重新加载的detla，以便在保存时在正确的位置显示图片等。您是否尝试使用CSS隐藏它？我希望它不带工具栏而不仅仅是文本区域的原因是因为我不希望它显示已添加的样式元素 等等。。还有一个ngIf，他们可以点击切换回编辑器。如果你不想要工具栏，为什么不使用呢？这是一个很好的观点，我在某个地方看到他们使用相同的文本编辑器来显示评论。但tbh真的找不出这样做的理由：。我会试试你的主意。谢谢，我想起来了，我正在尝试重新加载保存在数据库中的内容。因此，使用quilleditor，我保存了可以重新加载的detla，以便在保存时在正确的位置显示图片等。您是否尝试使用CSS隐藏它？我希望它不带工具栏而不仅仅是文本区域的原因是因为我不希望它显示已添加的样式元素 等等。。并有一个ngIf，他们可以点击切换回编辑器。这种样式非常适合在显示和隐藏标题之间切换！这种样式非常适合在显示和隐藏标题之间切换！

::ng-deep .ql-toolbar.ql-snow{
 display :none;
}

 <p-editor #editor formControlName="editorValue">
        <p-header> </p-header>    
 </p-editor>

::ng-deep .ql-toolbar.ql-snow {
    padding: 0px;
    border: none;
}

::ng-deep .ql-container.ql-snow {
    border-top: 1px solid #ccc;
    height: 320px; //pls change height as per your need.
}