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

Froala parece ser bueno, pero desafortunadamente no es gratis.

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

Gracias

Respuestas

22 para la respuesta № 1

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

manifestación aquí

ngx-editor

manifestación aquí

quill.js para angular

manifestación aquí

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, demo aquí. Algunos de los temas son gratuitos.

ngx-md

Un editor WYSIWYG que usa MarkDown en lugar de HTML, demo aquí

Editar

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

---

4 para la respuesta № 2

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

https://github.com/chymz/ng2-ckeditor

---

4 para la respuesta № 3

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.

Demo es aquí

PR o nueva solicitud de función es bienvenida.

Errores conocidos: Error de Google Chrome (Deshabilitar el subrayado no funciona si el contenido de contenteditable está vacío (WYSIWYG))

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

---

1 para la respuesta № 4

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

NGX-EDITOR

Primero intenté 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 { ... }

---

0 para la respuesta № 5

Yo suelo "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

• página de demostración
  imagen de la barra de herramientas

---