jodit/jodit-react

Preformatted Table Breaks on Removing Bold

Opened this issue · 0 comments

Jodit Version: 4.0.25

Browser: Chrome
OS: Window
Is React App: True

When I insert the following HTML syntax in Jodit Editor, the table gets highlighted as bold as expected.

Code

<p><strong>
            <p>[REPEAT TABLE SBT14_ActiveQC]</p>
              <table style="border-collapse: collapse; width: 100%">
                <tbody>
                  <tr>
                    <td>SBT14_QCDOB</td>
                  </tr>
                  <tr>
                    <td>[SBT14_QCDOB]</td>
                  </tr>
                </tbody>
              </table>
            <p>[END SBT14_ActiveQC]</p>
            </strong></p>

But, when I try to remove the bold style by using the button in Jodit, the table breaks. I get the code as below
Code

<p> [REPEAT TABLE SBT14_ActiveQC] </p>
<table style="border-collapse: collapse; width: 100%">
    <tbody>
        <tr>
            <td><br></td>
        </tr>
    </tbody>
</table>
<table style="border-collapse: collapse; width: 100%">
    <tbody>
        <tr>
            <td>SBT14_QCDOB</td>
        </tr>
    </tbody>
</table>
<table style="border-collapse: collapse; width: 100%">
    <tbody>
        <tr>
            <td><br></td>
        </tr>
        <tr>
            <td><br></td>
        </tr>
    </tbody>
</table>
<table style="border-collapse: collapse; width: 100%">
    <tbody>
        <tr>
            <td>[SBT14_QCDOB]</td>
        </tr>
    </tbody>
</table>
<table style="border-collapse: collapse; width: 100%">
    <tbody>
        <tr>
            <td><br></td>
        </tr>
    </tbody>
</table>
<p><br></p>
<p>[END SBT14_ActiveQC]</p>

Is there any way to resolve this issue? I just want to remove the strong element from the first code block.