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.
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.
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.
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