Quiero usar un editor a través del cual un usuario pueda generar un html del texto y enviarlo a través de la API y una vez creado, también muestro el texto, el usuario puede ingresar texto e imágenes. Intento usar el editor de flora, pero no puedo mostrar las imágenes, ya que convierte la ruta de la imagen. También trato de usar el editor kolkovangular, pero a través de él no puedo alinear la imagen que inserto, por ejemplo, quiero alinear la imagen en el centro, pero no puedo hacerlo.
¿Puede alguien sugerir algún buen editor gratuito o decirme cómo puedo alinear una imagen en mi texto?
puedes probar https://www.npmjs.com/package/ngx-quill Tengo un código de muestra para ti https://stackblitz.com/edit/ngx-quill-example-fa6fzy?file=src%2Fapp%2Fapp .componente.ts
<div [formGroup]="form"> <quill-editor formControlName="text" (onSelectionChanged)="onSelectionChanged()"> </quill-editor> </div> <div [innerHTML]="result"></div> <button (click)="logForm()">Log</button> import { Component } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import Quill from 'quill'; @Component({ selector: 'my-app', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { form: FormGroup; result: string; quillConfig = { toolbar: { container: [ ['bold', 'italic', 'underline', 'strike'], [{ size: ['xsmall', 'small', 'medium', 'large', 'xlarge'] }], [{ align: [] }], ['clean'], ['link'] ] } }; constructor() {} ngOnInit() { this.form = new FormGroup({ text: new FormControl('<p><strong>Hello</strong> World!</p>') }); } public onSelectionChanged(): void { this.result = this.form.get('text').value; } }