Rich text editor not wysiwyg

App Building
1

I have to display some text in a RichTextEditor but it's already in html.

The problem is that the "line-height" parameter is not used for the display and my text is difficult to read and correct

this is some example of the text

<table cellspacing="0"
    cellpadding="0" border="0"
    role="presentation"
    width="100%" class="r10-o"
    style="table-layout: fixed; width: 100%;">
    <tr>
        <td align="center"
            valign="top"
            class="r14-i nl2go-default-textstyle"
            style="line-height: 1.5; word-break: break-word; color: #3b3f44; font-family: arial,helvetica,sans-serif; font-size: 16px; padding-bottom: 15px; padding-top: 15px; text-align: center;">
            <div>
                <h3 class="default-heading3"
                    style="margin: 0; word-break: break-word; color: #1F2D3D; font-family: arial,helvetica,sans-serif; font-size: 24px;">
                    <strong>Face
                        à
                        ces
                        provocations
                        et
                        tentatives
                        de
                        réduire
                        au
                        silence
                        le
                        mécontentement,
                        montrons
                        notre
                        détermination.
                    </strong><span
                        style="background-color: #f92264; color: #ffffff;"><strong>
                            Le
                            6
                            juin,
                            toutes
                            et
                            tous
                            en
                            grève
                            et
                            en
                            manifestation
                            !
                        </strong></span>
                </h3>
            </div>
        </td>
    </tr>
</table>
2

Hey Julien!

I could replicate your behavior though I think h3 colliding with the readability.

I've replaced h3 tag with p tag and text now is readable - would that work for you?

<table cellspacing="0"
    cellpadding="0" border="0"
    role="presentation"
    width="100%" class="r10-o"
    style="table-layout: fixed; width: 100%;">
    <tr>
        <td align="center"
            valign="top"
            class="r14-i nl2go-default-textstyle"
            style="line-height: 1.5; word-break: break-word; color: #3b3f44; font-family: arial,helvetica,sans-serif; font-size: 16px; padding-bottom: 15px; padding-top: 15px; text-align: center;">
            <div>
                <p class="default-heading3"
                    style="margin: 0; word-break: break-word; color: #1F2D3D; font-family: arial,helvetica,sans-serif; font-size: 24px;">
                    <strong>Face
                        à
                        ces
                        provocations
                        et
                        tentatives
                        de
                        réduire
                        au
                        silence
                        le
                        mécontentement,
                        montrons
                        notre
                        détermination.
                    </strong><span
                        style="background-color: #f92264; color: #ffffff;"><strong>
                            Le
                            6
                            juin,
                            toutes
                            et
                            tous
                            en
                            grève
                            et
                            en
                            manifestation
                            !
                        </strong></span>
                </p>
            </div>
        </td>
    </tr>
</table>

image

3

That works, thanks.

Though it's a tricky solution, H3 is an HTML command as well, it should not cause problem...

1 Like