QuillJS объединяет последующие p-теги в один с Angular 7 + ngx-quill - PullRequest
0 голосов
/ 03 марта 2019

Я просто интегрировал quilljs в свое приложение.Единственная проблема, с которой я сейчас сталкиваюсь, - это странное поведение с тегами p.

. Например, в моем компоненте я настраиваю реактивную форму:

this.fullDocumentFormGroup = new FormGroup({
        fullDocument: new FormControl('<p>some</p><p>html</p>', [Validators.required])
      });

И в шаблоне:

<form [formGroup]="fullDocumentFormGroup" class="full-document">

  <quill-editor placeholder="Detailed documentation of your invention here..."
                [style]="{'min-height': '250px'}"
                bounds="self"
                formControlName="fullDocument"
                [readOnly]="isProjectLocked()">
  </quill-editor>

</form>

Этот код в конечном итоге устанавливает содержимое редактора следующим образом:

<p>somehtml</p>

Я протестировал его с помощью textarea, чтобы проверить, удаляет ли реактивная форма его, и не.

Попытка добавления атрибута в quill-editor [sanitize]="true" => ничего не меняет.

Чего мне не хватает?

ДРУГОЙ МЫСЛИ

Возможно, он удаляет все теги и просто оборачивает содержимое тегами p.Однако, если я добавлю еще один '
' между абзацами, он останется отформатированным должным образом.

...