如何在div的contenteditable中使用[[ngModel）]和innerHTML？

Question

这是我的代码：

<div #editor class="editor" 
              style=" max-height: 200px;" 
              (input)="onChange()"
              [(ngModel)]="blogData.description"
              name="description"
              contenteditable></div>

我得到的错误：

Error: No value accessor for form control with name: 'description'

如何在div的contenteditable上使用[[ngModel）]以及innerHTML属性？

Answer 1

您需要编写自己的ControlValueAccessor才能使用contenteditable： https://angular.io/api/forms/ControlValueAccessor

我已经做过并将其作为开源软件包发布，可以随时使用： https://github.com/TinkoffCreditSystems/angular-contenteditable-accessor https://www.npmjs.com/package/@tinkoff/angular-contenteditable-accessor

它适用于所有现代浏览器，包括IE11。