quill 相关问题

嗨，我正在使用带有 Angular 的 prime ng 编辑器，并获得了多个 primeNg 编辑器 x.component.html 嗨，我正在使用带有 Angular 的 prime ng 编辑器，并获得了多个 primeNg 编辑器 x.component.html <p-editor [modules]="quillConfiguration" formControlName="questionName" id="questionContents" [style]="{'height':'90px'}" (onTextChange)="onTextChange($event,'questionName')"></p-editor> <p-editor [modules]="quillConfiguration" formControlName="questionDesc" id="questionDesccontents" [style]="{'height':'90px'}" (onTextChange)="onTextChange($event,'questionDesc')" ></p-editor> <p-editor [modules]="quillConfiguration" formControlName="guidelines" id="guidelinesContents" [style]="{'height':'90px'}" (onTextChange)="onTextChange($event,'guidelines')"></p-editor> <p-editor [modules]="quillConfiguration" formControlName="{{item.attributeName}}" id="contents{{item.attributeName}}" [style]="{'height':'90px'}" (onTextChange)="onTextChange($event,item.attributeName)"></p-editor> x.component.ts import * as Quill from 'quill' import { Editor } from "primeng/editor"; @ViewChildren(Editor) editorCmp : QueryList<Editor>; public quillConfiguration = { toolbar: { container: [...], handlers: { 'customStyles': (value) => { const selectionRange = this.quill.getSelection(); //throwing error cannot read properties of undefined(reading getSelection) } } } }; private quill: undefined | Quill; 使用 @ViewChildren() 我正在访问编辑器并在其上调用 getQuill 方法 x.component.ts ngAfterViewInit(): void { this.editorCmp.changes.subscribe(editor => { editor.toArray().forEach((edit, idx) => { this.quill = edit.quill }) }) } 我不确定这是否是获取编辑器实例的正确方法，只有最后一个p-editor获取实例，不知道我们如何才能获取所有实例？ ViewChildren 为您提供与您的查询匹配的所有项目的可观察列表，即 Editor。您将获得您正在使用的 4 个编辑器的列表。在ngAfterViewInit中，当您订阅this.editorCmp.changes时，editor将获得4位编辑。然后你为其中的每个人分配 edit.quill 到 this.quill。因此，由于您覆盖了前 3 个作业，因此实际上只有最后一个作业有效。如果你想存储全部 4 个，你可以将它们存储在编辑器数组中，如下所示： x.component.ts private quills: undefined | Quill[]; // Change to array of Quill ngAfterViewInit(): void { this.editorCmp.changes.subscribe((editors) => { this.quills = editors.map((editor) => editor.quill); }) }

angular primeng quill

回答 1 投票 0

在 Next.js 应用程序中的 React-Quill 中面临图像元素的对齐问题

在与 Next.js 应用程序集成时，正在努力解决 React-quill 中的图像对齐问题。文本对齐效果很好，但图像对齐行为却出乎意料。我正在使用以下代码

javascript next.js quill react-quill

回答 1 投票 0

将Quill绑定到asp net core模型

我正在使用 ASP.Net Core 表单通过代码将数据从用户传递到服务器： @模型SomeModel @using(Html.BeginForm(...)) { @Html.TextBoxFor(s => s.PropertyName); } 效果很好，但现在我...

asp.net-mvc asp.net-core razor quill

回答 2 投票 0

quill 相关问题

最新问题