ngx froala angular wysiwyg

froala - wysiwyg angular 6



Editor de Wysiwyg para angular4 (5)

¿Alguien sabe un buen editor de wysiwyg gratuito compatible con angular 4?

Froala parece ser bueno, pero lamentablemente no es gratis.

Tal vez usar angular 4 no fue una buena idea porque es difícil encontrar muchas cosas básicas ...

Gracias


Desde que tuve el mismo problema, estoy compartiendo los resultados de mi investigación aquí:

ng2-ckeditor

demo here

ngx-editor

demo here

quill.js para angular

demo here

Nota: Quill usa JSON para almacenar los datos internamente, no html.

PRIME NG

Colección de temas, que también cuenta con un editor WYSIWYG basado en Quill, demostración here . Algunos de los temas son gratuitos.

ngx-md

Un editor WYSIWYG que usa MarkDown en lugar de HTML, demostración here

Editar

Si su elección fue quill.js, es posible que desee utilizar la implementación de KillerCodeMonkey, ya que es compatible con angular 5.


Gracias @Ronin por compartir tu investigación. Aquí está mi opinión sobre una pareja que he probado.

ngx-editor

Primero probé ngx-editor y fue relativamente fácil de instalar y usar. Solo se necesitan ngs-boostrap y fontAwesome como dependencias. Sin embargo, el único inconveniente que encontré para mis requisitos fue el widget de enlace de adición. Esta biblioteca no recuerda el enlace que ingresó, por lo tanto, si desea cambiarlos, debe eliminarlo y volver a agregarlo. Otra limitación fue que no se podía especificar un valor de longitud máxima.

NGX-QUILL

Terminé usando ngx-quill . Tiene una mejor manera de gestionar los enlaces, así como la capacidad de especificar max-Length. También fue muy fácil de instalar:

npm install ngx-quill npm install quill // Needed for CSS styles import { QuillModule } from ''ngx-quill'' import ''quill/dist/quill.core.css'' import ''quill/dist/quill.snow.css'' @NgModule({ imports: [ ..., QuillModule ], ... }) class YourModule { ... }


Pruebe este sencillo pero poderoso editor WYSIWYG para Andular 6+ (nativo)

AngularEditor

Nota: Este editor nativo de Angular 6+ WYSIWYG se creó como biblioteca con Angular CLI v6.0.5.

La demo esta here

PR o nueva solicitud de función es bienvenida.

Errores conocidos: error de Google Chrome (la desactivación del subrayado no funciona si el contenido de la editable no está vacío (WYSIWYG))

Este editor se creó originalmente como parte de mi proyecto corporativo https://kassar.ru/ , pero lo extraje en una biblioteca separada y lo publico como proyecto de código abierto. Espero que esto ayude a alguien a resolver sus problemas.


Puedes usar ng2-editor. Tiene muchas opciones para gestionar.

ng2-ckeditor


Utilizo " ngx-quill " como editor WYSIWYG en mi proyecto Angular4.

Este es un componente angular (> = 2) para el editor de texto enriquecido Quill

angular v4 - ngx-quill <=1.6.0 angular v5 - ngx-quill > 1.6.0 angular v6 - ngx-quill >= 3.0.0