Froala is breaking code when editing blade templates with {% %}

[mkhvsl]

Hello, Im trying to use Froala for blade template editing and its breaking templates. Here is the input:

<div id="froala-editor">
  <table>
        <tr>
            <th>Test</th>
        </tr>
        {% for item in items %}
        <tr>
          <td>{{ item.name }}</td>
        </tr>
        {% endfor %}
    </table>
</div>

and in editor Im getting this

<p>{% for item in items %} {% endfor %}</p>

<table>
	<thead>
		<tr>
			<th>Test</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>{{ item.name }}</td>
		</tr>
	</tbody>
</table>

Please advise how to make it work properly.

If you have a feature suggestion, please add it on the Feature List instead.

Expected behavior.

(Describe expected behaviour here)

Actual behavior.

(Describe actual behaviour here)

Steps to reproduce the problem.

(Describe the steps to reproduce the problem here. A jsFiddle is awesome when possible.)

Editor version.

If you don't know it, please see https://wysiwyg-editor.froala.help/hc/en-us/articles/360000717049-How-can-I-find-my-editor-version-.

OS.

(OS name and version here)

Browser.

(Browser name an version here)

Recording.

(A recording showing how to reproduce the problem)