BUG: parser ignores `parser.optionsHtml.keepEmptyTextNodes` option

Question

GrapesJS version

I confirm to use the latest version of GrapesJS

What browser are you using?

Chrom v140.0.7307.0 (canary)

Reproducible demo link

https://jsfiddle.net/y3gr69s4/

Describe the bug

How to reproduce the bug?

Create editor instance with parser.optionsHtml.keepEmptyTextNodes option set true.

const editor = grapesjs.init({
  parser: {
    optionsHtml: {
      keepEmptyTextNodes: true,
    },
  },
});

Load HTML code that contains newlines between elements.

editor.setComponents('<body>\n<p>foo</p>\n<p>bar</p>\n</body>');

Get HTML code.
```
const result = editor.getHtml();
```

What is the expected behavior? The resulting HTML code still contains newlines between elements.

<body>
<p>foo</p>
<p>bar</p>
</body>

What is the current behavior? Newlines between elements are stripped from the resulting HTML code.

<body><p>foo</p><p>bar</p></body>

We get the expected result if we set parser.keepEmptyTextNodes option to true but it causes TypeScript type error. I think that keepEmptyTextNodes should be a property of optionsHtml since it is irrelevant to CSS parser.

const editor = grapesjs.init({
  parser: {
    // Error: 'keepEmptyTextNodes' does not exist on type 'ParserConfig'
    keepEmptyTextNodes: true,
  },
});

Code of Conduct

I agree to follow this project's Code of Conduct

BUG: parser ignores `parser.optionsHtml.keepEmptyTextNodes` option

Question

GrapesJS version

What browser are you using?

Reproducible demo link

Describe the bug

Code of Conduct

Answers (0)

Related Questions and Answers

BUG: Ampersand is not escaped in attribute value

BUG: editor.getSelected().toHTML() encodes inline javascript

BUG: Cannot drag to move components on mobile

BUG: Page update event doesn't fire

Paid Plugins That Match This Issue

Browse Plugin Categories