ParseOptions are not preserved when writing content

[vlad-kuz]

create an instance of the editor with parseOptions (https://tiptap.dev/docs/editor/api/editor#parseoptions)

this.tiptapEditor = new Editor({
  ...
  parseOptions: {
    preserveWhitespace: 'full',
  },
  ...

In editor.directive.ts this options are ignored when setting the content and whitespace is collapsed as per HTML's rules.

writeValue(value: Content): void {
  this.editor().chain().setContent(value, false).run();
}
      ...
if (innerHTML) {
  editor.chain().setContent(innerHTML, false).run();
}

To take into account editor configuration, when setting the content, command setContent has third parameter parseOptions.
Code in editor.directive.ts can be changed to.

writeValue(value: Content): void {
  this.editor().chain().setContent(value, false, this.editor().options.parseOptions).run();
}
      ...
if (innerHTML) {
  editor.chain().setContent(innerHTML, false, this.editor.options.parseOptions).run();
}

[sibiraj-s]

The parserOptions can be passed during initialization, doesn't need to be set everytime while calling setContent based on the docs https://tiptap.dev/docs/editor/api/commands/content/set-content unless we are looking to override the defaults?

Am I missing something?

[vlad-kuz]

Maybe it is tiptap bug, but when passing parseOptions only during initialization, whitespaces are not preserved,
This can be simply reproduced:

• create editor with parseOptions initialization:

this.tiptapEditor = new Editor({
  ...
  parseOptions: {
    preserveWhitespace: 'full',
  },
  ...

• create form with string containing spaces

formGroup: FormGroup = this.fb.group({text: ['<p>a    b  c    d</p>']});

• tiptap displays value without spaces

<div contenteditable="true" role="textbox" translate="no" class="tiptap ProseMirror" tabindex="0">
  <p>a b c d</p>
</div>

when i create custom tiptap directive, based on editor.directive.ts, only add third param to the setContent method, then tiptap preserves spaces:

<div contenteditable="true" role="textbox" translate="no" class="tiptap ProseMirror" tabindex="0">
  <p>a    b  c    d</p>
</div>

[sibiraj-s]

Can you raise an issue in the TipTap repository to get this clarified? If that is how it should be done we can fix it.

[vlad-kuz]

Started discussion ueberdosis/tiptap#5933

[sibiraj-s]

Thanks @vlad-kuz for creating the discussion. It am running on some tight deadline items, so I couldn't reach and follow up with tiptap myself