Estoy tratando de usar el editor froala dentro de mi aplicación django que se encuentra dentro de un contenedor docker, así que seguí su documentación oficial .
así que agregué esto a mis archivos html (usando 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" />

y esto en mi js

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

el editor funciona bien, puedo usarlo normalmente, pero cuando trato de mostrar el contenido usando la fr-view dentro de un div, ya que los documentos sugieren que no funciona y el html se muestra como una cadena
aquí mi intento:

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