Gutenberg custom block: HTML does not unescape

  • Guido Goluke

    (@majorlabel)


    5 years, 4 months ago

    I’m building some custom Gutenberg blocks and noticed a problem. I defined an attribute like so:

            desc: {
            type: "string",
            source: "html",
            selector: "div.dishdetails__desc",
        },

    and create the RichText editor in the edit function like so:

    
el(
    wp.editor.RichText,
    {
        className: "dishdetails__desc",
        tagName: "div",
        key: "editable",
        placeholder: "Type beschrijving",
        value: desc,
        onChange: function(newText) {
            props.setAttributes({desc: newText});
        }
    }
)

    I saved it like this:

    
el(
    "div",
    {
        className: "dishdetails__desc"
    },
    desc
)

    But when I output the text into the page, the html in the div doesn’t get escaped correctly. I took a look at the source. The closing tag does get escaped, but the opening one doesn’t. So for instance a <strong> tag will look like this: “& lt;\/strong>” (NO SPACE in between but I had to cause ironically this does get escaped)

    • This topic was modified 5 years, 4 months ago by Guido Goluke.
    • This topic was modified 5 years, 4 months ago by Guido Goluke.
    • This topic was modified 5 years, 4 months ago by Guido Goluke.
    • This topic was modified 5 years, 4 months ago by Guido Goluke.
    • This topic was modified 5 years, 4 months ago by Guido Goluke.
    • This topic was modified 5 years, 4 months ago by Guido Goluke.
Viewing 5 replies - 1 through 5 (of 5 total)
Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Gutenberg custom block: HTML does not unescape’ is closed to new replies.