nib

PLUME

Démo

Malgré diverses options disponibles pour une édition de texte riche en HTML, il continue d'être un domaine extrêmement difficile. J'ai trouvé que Prochemirror était la meilleure solution disponible pour le problème. C'est un excellent travail de l'auteur Marijn Haverbeke.

Faire un éditeur à partir d'un cadre est encore beaucoup de travail, le projet vise à construire des composants pour une édition de texte riche en utilisant Prochemirror. Ces composants peuvent être rapidement intégrés dans des applications React ou même non de réaction.

La NIB a non seulement de bonnes capacités d'édition de texte riches, mais répond également aux exigences d'édition complexes telles que le suivi des modifications apportées à un document, ajoutant des commentaires dans un document, l'édition collaborative et plus encore ...

Installation

La configuration de l'éditeur est tout à fait simple. Il doit être installé à partir de npm .

Installation de packages:

Les commandes npm ou yarn peuvent être utilisées.

 npm i nib-core --save

Composant d'éditeur d'écriture:

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

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

Veuillez noter que la LIB ne fonctionne pas du côté serveur.

Accessoires

Accessoires pris en charge par l'éditeur.

S.No.	Nom	Description
1	addons	tableau de plugins pour ajouter des fonctionnalités à l'éditeur de base
2	autofocus	Pour concentrer l'éditeur par défaut
3	configurer	Configuration du plugin, de la barre d'outils, etc. dans l'éditeur, voici des configurations par défaut
4	DefaultValue	valeur pour initialiser le contenu de l'éditeur
5	licence	Clé de licence pour l'éditeur de NIB
6	floconneux	rappel qui est appelé sur tout changement dans l'éditeur
7	cocher	Propriété booléenne pour activer le navigateur par défaut.
8	styleconfig	Utilisé pour effectuer des changements de style plus détaillés dans l'éditeur, voici la valeur par défaut
9	thème	Le thème de l'éditeur, voici le thème par défaut

Caractéristiques

1. Prise en charge de presque tous les navigateurs et appareils
2. Plusieurs options de style de texte riche comme audacieux, italique, soulignement, frappe, indice, exposant, couleur de texte, couleur de remplissage, etc.
3. Prise en charge de différents types de blocs Paragraphe, H1 - H6, Blockquote, etc.
4. Support aux hyperliens
5. Prise en charge des listes de listes ordonnées et non ordonnées
6. Prise en charge des images avec des options telles que l'emballage, l'alignement, la révision ou la liaison des images
7. Prise en charge du mode en ligne avec barre d'outils flottants
8. Prise en charge de l'affichage personnalisé - pleine page, affichage comme un mot, etc.
9. Autoriser l'annulation et refaire les modifications.
10. Menu d'aide qui affiche les options de mise en forme prise en charge et leurs raccourcis clavier
11. Changer l'aspect et la sensation de l'éditeur en utilisant différents thèmes
12. Convertir le prosémiror JSON vers et depuis Markdown
13. Convertir Prosmimirror JSON vers et depuis HTML
14. Édition de code source
15. Table avec des options d'avance comme Add / Supprimer la colonne / ligne, les colonnes de redimensionnement, etc.
16. Prise en charge de l'affichage de la vidéo à partir de sources comme YouTube ou Vimeo
17. Flexibilité pour ajouter un plugin personnalisé
18. Les changements de suivi de la piste de document avec toutes les métadonnées enregistrées sur le changement comme le nom d'utilisateur, l'horodatage, etc.
19. Ajout / modification des commentaires pour documenter
20. Édition collaborative avec plusieurs utilisateurs sur le même document

Licence

Licence publique générale GNU.

Contact

Pour plus de détails ou des requêtes, déposez le courrier à [email protected].