strapi plugin react editorjs

? Strapi + ✒️ Editor.js

️ Ceci est la version Strapi V4 de ce plugin! Pour utiliser avec V3, veuillez utiliser la version V.1.5.1.

? Qu'est-ce que c'est?

Il s'agit d'un plugin pour Strapi Headless CMS qui remplace l'éditeur Wysiwyg standard avec l'éditeur cool.js et tous ses modules complémentaires compatibles.

? Les modules complémentaires officiels pris en charge

• Outil de paragraphe (par défaut)
• Outil d'intégration
• Outil de table
• Outil de liste
• Outil d'avertissement
• Outil de code
• Outil de liaison
• Outil d'image
• Outil HTML brut
• Outil de cap
• Outil de devis
• Outil de marqueur
• Outil de liste de contrôle
• Outil de délimiteur
• Outil inlinecode
• Outil de personnalité
• Attacher l'outil

Tous les modules complémentaires ci-dessus (si ajoutés) fonctionnent initialement lorsque le plugin est chargé. Vous pouvez également personnaliser les modules complémentaires disponibles dans votre application en utilisant les instructions ci-dessous.

?? Commencer

yarn add strapi-plugin-react-editorjs
# or
npm install strapi-plugin-react-editorjs

Pour que Strapi affiche correctement les miniatures de l'outil de lien, vous devrez modifier la ligne «Strapi :: Security» dans ./config/middlewares.js. Changez cette ligne à ce qui suit (faites-le à vos propres risques).

 module . exports = [
  // ...
  {
    name : 'strapi::security' ,
    config : {
      contentSecurityPolicy : {
        directives : {
          'img-src' : [ '*' ] ,
        } ,
      }
    } ,
  } ,
  // ...
] ; 

Comment étendre / développer ce plugin (facultatif)

Si vous souhaitez modifier l'apparence de l'éditeur ou ajouter / supprimer les plugins EditorJS, vous devrez effectuer ce qui suit:

1. Si ce plugin est déjà installé via le fil ou le NPM, désinstallez:

yarn remove strapi-plugin-react-editorjs
# or
npm uninstall strapi-plugin-react-editorjs

2. Accédez au dossier ./src/plugins (créez-le s'il n'existe pas) et clonez le projet:

 # If you wish to clone the Master Branch
git clone https://github.com/melishev/strapi-plugin-react-editorjs.git
# If you wish to clone the Beta Branch
git clone --single-branch --branch beta https://github.com/melishev/strapi-plugin-react-editorjs.git

3. Allez dans le plugin et installez les dépendances:
   • cd strapi-plugin-react-editorjs
   • yarn install ou npm install
4. Dans un éditeur, ajoutez le code suivant dans le fichier principal Strapi v4 ./config/plugins.js (créez le fichier s'il n'existe pas)

 module . exports = ( { env } ) => ( {
  // ...
  'editorjs' : {
    enabled : true ,
    resolve : './src/plugins/strapi-plugin-react-editorjs'
  } ,
  // ...
} )

5. Pour apporter des modifications aux plugins EditorJS, modifiez le fichier ./src/plugins/strapi-plugin-react-editorjs/admin/src/config/customTools.js .
   • Remarque: Le module complémentaire de l'outil d'image a été hautement personnalisé pour travailler dans Strapi et ne peut pas être modifié dans le fichier customTools.js . Si vous souhaitez le développer davantage, vous pouvez, mais cela prendra des connaissances et des tests beaucoup plus avancés.
6. Rebuild Strapi après l'installation et après toutes les modifications apportées au plugin.

yarn build
# or
npm run build

Veuillez noter que les modules complémentaires sont configurés pour Strapi, soyez prudent lorsque vous modifiez la configuration.

??‍? Développement

1. Outil de personnalité
2. Attacher l'outil
3. Mode plein écran

️ montrer votre soutien

Donnez une étoile si ce projet vous a aidé.