Issue #5724Opened March 8, 2024by bernesto0 reactions

BUG: Whitespace handling in inline elements

Question

GrapesJS version

  • I confirm to use the latest version of GrapesJS

What browser are you using?

Chrome v122

Reproducible demo link

https://jsfiddle.net/zwo0mdqf/5/

Describe the bug

How to reproduce the bug?

  1. Create valid inline block elements such as span, b, i, em, etc. that use multiple space, tab(s), or line breaks as word separators.

What is the expected behavior? These elements when rendered should be spaced apart by one space. HTML export whitespace should respect input whitespace.

What is the current behavior? These elements are rendered in the editor as separate components, but appear as one word. Output html is stripped of input whitespace. Note: Component HTML is exported on new lines per element, so displayed output does render correctly, but getHtml() does not.

Code of Conduct

  • I agree to follow this project's Code of Conduct

Answers (1)

Related Questions and Answers

Continue research with similar issue discussions.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.