strapi plugin react editorjs Download - strapi plugin react editorjs Quellcode Download

strapi plugin react editorjs

Andere Ressourcen

v2.0.2

Herunterladen

? Strapi + ✒️ Editor.js

Euen Dies ist die Strapi V4 -Version dieses Plugins! Um mit V3 zu verwenden, verwenden Sie Release v.1.5.1.

? Was ist es?

Dies ist ein Plugin für CROPI-CMS ohne Kopfless, das den Standard-WYSIWYG-Editor durch den coolen Editor.js und alle kompatiblen Add-Ons ersetzt.

? Unterstützte offizielle Add-Ons

Alle oben genannten Add-Ons (falls hinzugefügt) funktionieren zunächst, wenn das Plugin geladen wird. Sie können auch die in Ihrer Anwendung verfügbaren Add-Ons mit den folgenden Anweisungen anpassen.

? Erste Schritte

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

Damit Strapi die Miniaturansichten des Link -Tools richtig anzeigen können, müssen Sie die Linie "CRARTI :: Security" in ./config/middlewares.js bearbeiten. Ändern Sie diese Linie in Folgendes (tun Sie dies auf eigenes Risiko).

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

So erweitern/entwickeln Sie dieses Plugin (optional)

Wenn Sie das Aussehen des Editors ändern oder EditorJS -Plugins hinzufügen/entfernen möchten, müssen Sie Folgendes erstellen:

Wenn dieses Plugin bereits über Garn oder NPM installiert ist, können Sie Ihrstallieren:

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

Gehen Sie in den Ordner ./src/plugins (erstellen Sie ihn, wenn es nicht existiert) und klonen Sie das Projekt:

 # 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

Gehen Sie in das Plugin und installieren Sie Abhängigkeiten:
- cd strapi-plugin-react-editorjs
- yarn install oder npm install
Fügen Sie in einem Editor den folgenden Code in die Main -Strapi V4 ./config/plugins.js -Datei hinzu (erstellen Sie die Datei, wenn sie nicht vorhanden ist)

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

Um Änderungen an EditorJS-Plugins vorzunehmen, bearbeiten Sie die ./src/plugins/strapi-plugin-react-editorjs/admin/src/config/customTools.js .
- Hinweis: Das Image Tool-Add-On wurde hoch angepasst, um in Strapi zu arbeiten, und kann nicht in der Datei customTools.js bearbeitet werden. Wenn Sie es weiterentwickeln möchten, können Sie es auch sein, aber es wird viel fortgeschritteneres Wissen und Tests benötigen.
Bauen Sie die Strapi nach der Installation und nach Änderungen im Plugin um.