i'm trying to use froala editor inside my django app that is located inside a docker container, so i followed its Official documentation
so i added this to my html files (using CDN)

<link href="https://cdn.jsdelivr.net/npm/froala-editor@latest/css/froala_editor.pkgd.min.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/froala-editor@latest/js/froala_editor.pkgd.min.js"></script>

<!-- and this for displaying the content -->
<link href="https://cdn.jsdelivr.net/npm/froala-editor@latest/css/froala_style.min.css" rel="stylesheet" type="text/css" />

and this in my js

  var editor = new FroalaEditor('.froala-editor')

the editor is working fine i can use it normally but when i try to display the content using the fr-view inside a div as the docs suggests it's not working and the html is being displayed as a string
here my try:

    <div class="card-body">
        <div id="text-content" class="text-gray-900 fr-view">{{text.content}}</div>
    </div>