Strange className encoding

Question

Strange className encoding

forcecodema opened this issue 4 years ago · comments

Hi,

Double minus sign in className property is encoded in the following way:

<!-- wp:wp-bootstrap-blocks/column {"className":"offer-deep\u002d\u002dimg_wrapper"} -->

className entered in editor is offer-deep--img_wrapper

Regards,

Michal

Jürg Hunziker · Answer 1 · Fri Oct 30 2020 16:08:40 GMT+0800 (China Standard Time)

Hmm we're actually using the official className attribute of Gutenberg. But I will look into that.

Jürg Hunziker · Answer 2 · Sat Oct 31 2020 02:03:18 GMT+0800 (China Standard Time)

This looks like the default behavior of the editor. It also happens with core blocks. I tried it with the core/paragraph block:

<!-- wp:paragraph {"className":"test\u002d\u002dclass test-class"} -->

It seems that a double dash gets encoded with unicode characters when saved in the className attribute. But the output on the page seems to be correct again:

<p class="test--class test-class">

Ingo Steinke · Answer 3 · Thu Feb 23 2023 01:23:25 GMT+0800 (China Standard Time)

So this encoding is not mandatory to keep when persisting the code in a block pattern file.