nib

PUNTA

Manifestación

A pesar de varias opciones disponibles para la edición de texto rico en HTML, sigue siendo un área extremadamente desafiante. Encontré que Prosemirror es la mejor solución disponible para el problema. Es un gran trabajo del autor Marijn Haverbeke.

Hacer que un editor se derrumbe desde un marco todavía es mucho trabajo, el proyecto tiene como objetivo construir componentes para la edición de texto rico utilizando prosemirror. Estos componentes se pueden integrar rápidamente en aplicaciones React o incluso no reaccionadas.

NIB no solo tiene buenas capacidades de edición de texto enriquecidos, sino que también aborda requisitos de edición complejos como los cambios de seguimiento realizados en un documento, agregando comentarios en el documento, edición colaborativa y más ...

Configuración

La configuración del editor es bastante sencilla. Se requiere que se instale desde npm .

Instalación de paquetes:

Se pueden usar comandos npm o yarn .

 npm i nib-core --save

Componente del editor de escritura:

 import React from "react";
import Editor from "nib-core";

const MyEditor = () => <Editor />;

Tenga en cuenta que la lib no funciona al lado del servidor.

Accesorios

Apoyos respaldados por el editor.

S.No.	Nombre	Descripción
1	complementos	Mango de complementos para agregar funcionalidad al editor central
2	enfoque automático	Para enfocar el editor por defecto
3	configuración	Configuración del complemento, barra de herramientas, etc. en el editor, aquí están las configuraciones predeterminadas
4	Valor predeterminado	valor para inicializar el contenido del editor
5	licitis	Clave de licencia para editor NIB
6	en el cambio	devolución de llamada que se llama a cualquier cambio en el editor
7	corrector de hechizos	Propiedad booleana para habilitar el corrector ortográfico predeterminado del navegador en el editor
8	estileconfig	Solía hacer cambios de estilo más detallados en el editor, aquí está el valor predeterminado
9	tema	Tema del editor, aquí está el tema predeterminado

Características

1. Soporte para casi todos los navegadores y dispositivos
2. Múltiples opciones de estilo de texto enriquecidos como Bold, Cursal, subrayado, Strike, Subscript, SuperScript, Text Color, Filll Color, etc.
3. Soporte para diferentes tipos de bloques Párrafo, H1 - H6, Blockquote, etc.
4. Soporte para hipervínculos
5. Soporte para listas ordenadas y desordenadas anidadas
6. Soporte para imágenes con opciones como envolver, alinear, volver a tamaño o vincular imágenes
7. Soporte para el modo en línea con barra de herramientas flotantes
8. Soporte para la pantalla personalizada: página completa, palabra como pantalla, etc.
9. Permitir cambios de deshacer y rehacer.
10. Menú de ayuda que muestra opciones de formato compatibles y sus atajos de teclado
11. Cambiar la apariencia y la sensación del editor usando diferentes temas
12. Convertir prosemirror json hacia y desde markdown
13. Convertir prosemirror json hacia y desde html
14. Edición del código fuente
15. Tabla con opciones anticipadas como Agregar/Retirar columna/fila, cambiar las columnas, etc.
16. Soporte para mostrar video de fuentes como YouTube o Vimeo
17. Flexibilidad para agregar complemento personalizado
18. Los cambios de seguimiento de la marca del documento junto con cualquier metadato guardado sobre el cambio como el nombre de usuario, la marca de tiempo, etc.
19. Agregar / editar comentarios al documento
20. Edición colaborativa con múltiples usuarios en el mismo documento

Licencia

GNU Licencia pública general.

Contacto

Para obtener detalles o consultas, envíe el correo a [email protected].