Gutenberg Block Editor Toolkit – EditorsKit

Description

EditorsKit provides set of page building block options and toolkit for the new WordPress Gutenberg editor.

Vous pouvez désormais mieux contrôler les formats de texte, le stylage et les processus de travail en utilisant tout simplement les outils fournis par l’extension EditorsKit.

See for yourself

New: Block Styles Manager

You can now easily create and manage all of your block styles with the new styles manager.

Rich Text Formats

EditorsKit also adds the missing text formats for better content creation. The following rich text format are available upon plugin activation:

  • Option d’attributs de liens « rel » nofollow et sponsored
  • Texte surligné ou couleurs de titres
  • Couleur de fond du texte sélectionné
  • Options d’effacement de formatage
  • Justification du paragraphe
  • Underline Text Format
  • Exposant
  • Indice
  • Ajouter un retrait aux blocs Paragraphe, Titre ou Liste
  • Transformation du texte en majuscule
  • Alignement des légendes d’images et du contenu embarqué
  • Espace insécable
  • Abréviations pour les acronymes
  • Insérer des caractères spéciaux

Glyphes et caractères spéciaux

Insérez aisément des caractères spéciaux et symboles dans l’éditeur de blocs Gutenberg. Les caractères spéciaux sont catégorisés et vous pouvez utiliser le champ de recherche pour trouver un symbole spécifique.

Prise en charge du markdown

A partir de EditorsKit 1.6 , vous pouvez utilisez du markdown dans l’éditeur de blocs Gutenberg pendant la frappe. Le markdown pour *gras*, _italique_ et ~rayé~ sont disponibles dès l’activation de l’extension. La liste des markdowns disponibles est aussi accessible depuis le menu de réglages.

Watch it in action

Visibilité du bloc

En utilisant EditorsKit, vous aurez les contrôles de visibilité suivants afin de mieux gérer et afficher votre contenu.

  • Show or hide Gutenberg blocks on desktop, tablet and mobile devices
  • User logged-in or logged-out state block visibility
  • Custom PHP conditional display logic
  • Show or hide Gutenberg blocks based on Advanced Custom Fields Plugin(ACF) Value

Estimation du temps de lecture

Le compteur de mots est déjà disponible avec l’éditeur de blocs Gutenberg. EditorsKit étend ce comptage de mots et affiche également un temps de lecture estimé. Sur la base d’environ 275 mots par minute, plus des calculs supplémentaires pour les blocs Image, vous pouvez afficher une estimation plus précise du temps de lecture sur vos articles et pages.

Grâce aux shortcodes, vous pouvez afficher le temps de lecture estimé sur votre contenu en utilisant le code ci-dessous.

[editorskit display="wordcount" before="Reading Time: " after=" min"]
  • before : texte ou élément que vous souhaitez afficher avant le temps de lecture.
  • after : texte ou élément que vous souhaitez afficher après le temps de lecture.
  • tag : default div : Html tag container
  • fallback : définissez la valeur sur ‘true’ pour afficher le compteur de mots basé sur PHP sur les anciens articles qui ne sont pas édités ou créés par l’éditeur de blocs Gutenberg

Block Guide Lines

EditorsKit features other tool aside from visibility management. With the new Block Guide Lines, you can easily toggle visible guide lines on title and each editor blocks in order to check the element boundaries. This feature will also help your workflow on handling nested blocks.

Copier-coller les blocs sélectionnés

Note: This feature is no longer available in the latest versions of EditorsKit because this has been added to Gutenberg.

Editorskit Typography

Note: This feature is deprecated and no longer available in the latest version. If you want to continue using Editorskit typography, You can download and install the editorskit deprecated typography addon manually from github.

Styles de blocs Image et Bannière

Vient avec une sélection de styles de blocs Bannière et Image pour des formes personnalisées et des mises en page diagonales, circulaires et des coins arrondis ; ajoutez même des ombres portées.

Styles additionnels pour le bloc Liste

Fournit les styles additionnels suivants pour le bloc Liste :

  • Coches
  • Flèches
  • Croix
  • Connecté
  • Etoiles
  • Tiret
  • Aucun

Alignement responsive du texte

Modifiez facilement l’alignement du texte par appareil. Cela vous aidera à fournir un alignement différent sur les appareils mobiles et les tablettes, en plus de l’option existante pour les ordinateurs.

Option de pleine hauteur d’écran

Affichez simplement les blocs sélectionnés en plein écran en basculant l’option « Pleine hauteur » dans le panneau avancé. Vous obtiendrez instantanément de belles sections héros en utilisant uniquement des blocs du cœur WordPress.

Permuter la visibilité du titre

Cachez facilement des articles, pages ou titres de types d’articles sur votre site en un seul clic. Cela vous permet de créer des articles et pages entièrement avec l’éditeur de blocs Gutenberg sans voir « (sans titre) » dans l’interface administrateur.

Import et export de blocs

Exportez chaque bloc ou bloc sélectionné et blocs réutilisables directement dans l’éditeur, sans avoir à naviguer dans un tableau de bord séparé. Cliquez et glissez les fichiers JSON exportés dans l’éditeur et ils seront automatiquement transformés en blocs Gutenberg ; même chose pour les blocs réutilisables.

Meilleures classes CSS personnalisées

Grande amélioration de l’option Classe(s) CSS additionnelle(s) ! EditorsKit offre une meilleure interface utilisateur avec proposition de classes pendant la frappe. Fonctionne avec un filtre personnalisé PHP, les développeurs de thèmes peuvent inclure des classes utilitaires personnalisées pour plus d’options de personnalisation.

Définir le bloc Image comme image mise en avant

Permettre au bloc Image sélectionné d’être facilement défini comme image mise en avant via la liste déroulante des paramètres du bloc.

Téléversement des images mises en avant par glisser-déposer

Téléversez ou modifiez facilement l’image mise en avant dans l’éditeur de blocs Gutenberg en faisant glisser l’image sur le panneau latéral intitulé Image mise en avant.

Coloration syntaxique en mode éditeur de code

Améliorer l’affichage en mode « Éditeur de code ». Alimenté par la bibliothèque CodeMirror utilisée par défaut par WordPress, l’éditeur de code s’affichera avec une coloration syntaxique du code qui permet de vérifier facilement chaque élément et s’il y a des erreurs dans vos codes HTML.

Option de mise en page lien et carte du bloc Média et Texte

Attribuer un lien personnalisé au bloc Média et Texte. Ajoutez facilement un lien personnalisé, un média ou une pièce jointe. Vous pouvez également définir l’ouverture dans un nouvel onglet, ajouter un lien non-suivi et/ou définir un lien pour l’ensemble du bloc. De plus, vous pouvez définir l’affichage du bloc Média et texte sous forme de carte avec l’option de placer l’image au-dessus ou en-dessous. Cette fonction s’intègre parfaitement à la barre d’outils de sélection de la mise en page.

Affecter un lien aux blocs Bannière, Groupe et Colonne

Affecter un lien aux blocs Bannière, Groupe et Colonnes en toute simplicité, avec la possibilité d’activer des attributs de lien « rel » tels que « ouvrir dans un nouvel onglet », « nofollow » et/ou « sponsorisé ». Vous pouvez également activer l’option supplémentaire permettant d’appliquer une animation de survol.

Raccourcis clavier

EditorsKit ajoute des raccourcis clavier qui manquent à l’éditeur Classique. Lorsqu’il est activé, vous pouvez utiliser les raccourcis suivants pour gagner facilement du temps et améliorer votre processus d’écriture.

  • CTRL + ALT + 1 : Titre de niveau 1
  • CTRL + ALT + 2 : Titre de niveau 2
  • CTRL + ALT + 3 : Titre de niveau 3
  • CTRL + ALT + 4 : Titre de niveau 4
  • CTRL + ALT + 5 : Titre de niveau 5
  • CTRL + ALT + 6 : Titre de niveau 6
  • CTRL + ALT + c : Centrer
  • CTRL + ALT + r : Aligner à droite
  • CTRL + ALT + l : Aligner à gauche
  • CTRL + ALT + j : Justifier
  • CMD + SHIFT + . : Sélectionne le bloc Parent

Navigateur de blocs

Afficher le « navigateur de blocs » sur un bloc-parent d’autres blocs. Disponible pour les blocs Colonne et Groupe.

Amélioration de l’expérience utilisateur et UI

Améliore l’interface et offre une meilleure expérience d’écriture.

Copiez et collez des dégradés personnalisés

Copiez facilement les couleurs de dégradés personnalisés dans votre presse-papier et collez-les où vous voulez. Vous pouvez aussi sélectionner les combinaisons disponibles de CopyGradients et coller facilement les couleurs dans les blocs Bannière et Bouton.

Réglages de fonctionnalités

Activez ou désactivez des fonctionnalités d’EditorsKit via le menu « Réglages d’EditorsKit ». Vous avez les pleins contrôles sur les fonctionnalités de l’extension et pouvez désactiver les fonctionnalités dont vous n’avez pas besoin sur votre site.

Theme Supports for Developers

EditorsKit devient aussi de plus en plus developer-friendly. A partir de la version 1.5, des theme_supports personnalisés ont été ajoutés pour offrir aux développeurs de thèmes des options pour que l’expérience d’édition dans l’éditeur de blocs Gutenberg pour les utilisateurs reflète l’affichage frontend. En apprendre plus ici.

Aide, trucs et astuces accessibles

Ajoutez le bouton Aide, trucs et astuces en bas à droite de l’éditeur pour aider les utilisateurs à découvrir plusieurs conseils et raccourcis utiles. Ces conseils amélioreront certainement votre processus de travail et vous permettront de gagner du temps en parcourant le nouvel éditeur de blocs.

Bloc ShareABlock

Insérez vos téléchargements depuis shareablock.com facilement en utilisant ce bloc. Parcourez vos modèles de blocs et vos gabarits, puis ajoutez-les à votre contenu en un seul clic.

Helping you with the new Gutenberg Editor

EditorsKit is created to help you navigate through the new editor. Each new features will make your page building more convenient and easier. You can help achieving this goal through the community:

Contact and Credits

EditorsKit is maintained and developed by Munir Kamal.

Captures d’écran

  • Couleurs de texte et surlignage
  • Formats de texte riche pour l’éditeur de blocs Gutenberg
  • Visibilité selon les tailles d’écran et l’état de connexion des utilisateurs
  • Paramètres de bloc
  • Styles de blocs Image et Bannière
  • Paramètres et options
  • Outil et auto-suggestion de classes personnalisées
  • Coloration syntaxique en mode éditeur de code
  • Téléversement des images mises en avant par glisser-déposer
  • Option d’attributs de liens « rel » nofollow et sponsored

Blocs

Cette extension fournit 2 blocs.

  • Style Previewer A helper block that allows you to create block style
  • Shareablock

Installation

This section describes how to install the plugin and get it working.

e.g.

  1. Upload the full directory into your wp-content/plugins directory
  2. Activate the plugin at the plugin administration page
  3. That’s it! I hope you’ll love this plugin 🙂

Avis

10 juillet 2024
I use it for some extra editing elements while writing and it works fine.
1 mai 2024
I’ve been using EditorsKit for years and always enjoyed it. But I have been having a big issue editing in Gutemberg and I was only just able now to figure out it was caused by EditorsKit. Pretty much every post I tried to write in the past month or so has had this problem: every few paragraphs, typing anything or clicking on a block would simply erase other blocks around. I had to resort to the Classic Editor in order to write my latest posts.I couldn’t find any solution online, so I finally disabled every plugin and reactivated them one by one. That’s how I found it was all down to EditorsKit. So I checked the settings, and sure enough there was this feature « Transform 3 Empty Paragraphs to Spacer Block » that was the culprit. Even though my paragraphs were not empty at all, EditorsKit treated them as such and kept messing with my writing. It happened both with continuous writing and copy-paste paragraphs, but definitely not empty. 🙁 Hopefully this gets fixed.
19 avril 2024
I don’t know why wordpress remove justify from their editor, but this add it back! Love this plugin and f**k wp
Lire les 166 avis

Contributeurs/contributrices & développeurs/développeuses

« Gutenberg Block Editor Toolkit – EditorsKit » est un logiciel libre. Les personnes suivantes ont contribué à cette extension.

Contributeurs

“Gutenberg Block Editor Toolkit – EditorsKit” a été traduit dans 5 locales. Remerciez l’équipe de traduction pour ses contributions.

Traduisez « Gutenberg Block Editor Toolkit – EditorsKit » dans votre langue.

Le développement vous intéresse ?

Parcourir le code, consulter le SVN dépôt, ou s’inscrire au journal de développement par RSS.

Journal

= 1.40.6
* Fix: Consecutive 3 paragraph space issue.

= 1.40.5
* Fix: Add allowed tags restriction in editorskit shortcode.

= 1.40.4
* Fix: Added a check for file type in styles importer to improve security.

= 1.40.3
* Fix: Styles manager conflicting with other post types.

1.40.2

  • Improve: Added instruction video for styles manager.
  • Improve: Added redirection to the admin page in the editor.
  • Improve: Fix Bundling.
  • Fix: Conflicts with page templates.

1.40.1

  • New: Styles Manager for blocks

1.40.0

  • New: Gutenberghub Template Library
  • Fix: Bugs

1.34.9

  • Fix: Query loop issue with the archive pages

1.34.8

  • Fix: Issue with the site search

1.34.7

  • Fix: Critical bug that prevents the page from updating.

1.34.6

  • Fix: Show Support link on other plugins.
  • Fix: PHP Errors on older WP versions.

1.34.5

  • Fix: Settings page breaking issue.

1.34.4

  • Fix: Hide title extension conflict with themes.

1.34.3

  • Fix: Highlighting jump issue.
  • Fix: Warnings in console.
  • Fix: Conflict with other plugins.
  • Fix: Hide title metadata not updating.
  • Fix: Bugs.

1.34.2

  • Fix: Bugs and Warnings
  • Remove: Editorskit Deprecated typography addon warning.

1.34.1

  • Deprecate: Remove Extendify Templates Library

1.34.0

  • Fix: Image block breaking issue when inserted.

1.33.9

  • Fix: Trailing comma fatal error on earlier PHP versions.

1.33.8

  • Deprecate: Editorskit Typography Addon.

1.33.7

  • Fix: Dynamic blocks breaking in gutenberg editor.
  • Fix: Toolbar locking issues.

1.33.6

  • New: Extended WordPress 6.0 block locking functionality to include options to disable block settings and toolbar.

1.33.5

  • Deprecate: Live Preview with Responsive Controls feature.

1.33.4

  • Updated: Template library update

1.33.3

  • Fix: Conflict with gutenberg plugin

1.33.2

  • Fix: Bug in the last release

1.33.1

  • Improve: Handling of Typography add-on and disabled typography addon by default

1.33.0

  • New: You can now make settings sidebar work as a moveable modal.
  • Fixes: Character encoding issues

1.32.2

  • New: Moveable block options feature
  • Fixes: Character encoding issues

1.32.1

  • Fixes: Bug in the last release

1.32.0

  • New: Added Live Preview with Responsive Toggles
  • Deprecate: Old Responsive Previewer
  • Updated: Template library SDK

1.31.9

  • Fixes: Bugs.
  • Tweaks: Sidebar Options menu item
  • Tweaks: Template library utility CSS.
  • Deprecate: Copy Selected Block(s) extension as it has been added to the core.

1.31.8

  • Fixes: Bugs
  • Tweaks: Template library improvements

1.31.7

  • Fixes: Removes conflict with Gutenberg plugin causing errors on the settings page.
  • Fixes: Removes empty rel attribute.
  • Fixes: Updates alignment class.
  • Fixes: Adds fix where incorrect classes were being added to blocks.
  • Fixes: Fixes gapless setting for core columns block.
  • Tweaks: Updated template library

1.31.6

  • Remove: Auto save toggle feature was removed due to a conflict with Gutenberg
  • Security: Fixes an issue where authenticated users with medium level privledges could add arbitrary PHP code.
  • Fixes: Updates deprecated WP filters
  • Fixes: Fixes a bug in the Gutenberg plugin.

1.31.5

  • Fixes: Prevent editor error when using Page Break block 🐛

1.31.4

  • Fixes: WordPress 5.8 compatibility fixes 🐛
  • Fixes: Solve potential security vulnerabilities 🔒

1.31.3

  • Tweaks: Add option to easily enable or disable Typography features
  • Fixes: Fix custom post type compatibility issue with Rank Math plugin 🐛

1.31.2

  • Fixes: Fix custom typography meta issue on custom post types 🐛
  • Fixes: Fix PHP debug log for versions 7.4.0 above 🐛
  • Fixes: Add missing shortcode display 🐛

1.31.1

  • Fixes: Use the correct defined constant to prevent PHP log 🐛

1.31

  • New: Add Typography and Google Fonts add-on 🎊
  • New: Toggle to enable/disable Extendify library 🎉
  • Tweaks: Updates to the pattern and template library
  • Fixes: Display Responsive Alignment feature properly
  • Fixes: Make sure Indention format adds proper spacing
  • Fixes: Fix « H4 » display

1.30

  • New: Add access to the Extendify pattern and template library

1.29.4

  • Update readme

1.29.3

  • Compatibility fixes for WordPress 5.5

1.29.2

  • Update readme « Tested Up to » WordPress version

1.29.1

  • New: Add ndash and mdash
  • Fixes and compatibility with Gutenberg Plugin
  • Fixes and compatibility with thirdy party plugin

1.29

  • New: Add new preview mode with shortcut using CMD/CTRL + SHIFT + P. #264 🎊
  • Fixes: Compatibility fixes for upcoming WordPress 5.4 🐛

1.28

  • New: Gradient picker copy and paste controls. #264 🎊
  • Fixes: Compatibility with new Gutenberg plugin UI and block guide lines. #265

1.27

  • New: Special Characters Inserter Format. #254 🎊
  • New: Heading and alignment keyboard shortcuts. #262🎉
  • Tweaks: Add more compatibility changes for Gutenberg plugin
  • Fixes: Prevent error when switching to Code Editor using keyboard shortcut. #255

1.26

  • New: New ShareABlock block. #251🎉
  • New: New ‘dashed’ list block style. #252
  • Tweaks: Use three empty paragraph to show shortcut for spacer block transform instead of four.
  • Tweaks: Few more compatibility with Gutenberg plugin

1.25

1.24.1

1.24

1.23.1

1.23

1.22.1

  • Tweaks: Add new features to Features Manager

1.22

1.21

1.20

1.19

1.18.3

  • Fixes: Resolve issue with Code Editor mode changes not reflecting when switching to to Visual Editor mode

1.18.2

1.18.1

1.18

1.17

1.16

  • New: Copy single or muliple selected blocks and paste anywhere 🎊
  • New: Caption Alignment for images, galleries and embed blocks 🎉

1.15

  • New: Estimated Reading Time 🎊
  • New: Media and Text Block card layout option 🎊
  • New: Block Navigator on Columns and Group Block 🎉
  • Improvement: Add ‘sponsored’ rel attributes option on Media and Text Block link
  • Improvement: Prevent menu and tools link overlap when there are lots of menu
  • Fixes: Few other 🐛 cleanup for errors and Gutenberg compatibility

1.14

  • New: Link format noFollow rel attribute option 🎊
  • New: Link format sponsored rel attribute option 🎉
  • Improvement: Helper filter for Block Lab plugin support
  • Fixes: Fix Chrome overlapping metabox issue
  • Fixes: Few other 🐛 cleanup

1.13

  • New: Drag and Drop Featured Image Upload 🎊
  • New: Add Toolbar to Media and Text Block to Add Custom Link to Image or Whole Block 🎉
  • New: Media and Text Block Link no follow and open to new tab toggle 🎉
  • Improvement: Add background on block drag and drop for better UI
  • Fixes: Clean up 🐛

1.12

  • New: Add option to set Image Block as Featured Image 🎊
  • New: View Heading Block label for better content writing 🎉
  • Improvement: Change URL Popover « Open in New Tab » alignment for lesser mouse movement
  • Improvement: Add POT string translations for both PHP and JS text
  • Fixes: Improve performance and clean up 🐛
  • Fixes: Compatibility and fixes for Gutenberg version 6.4.0

1.11

  • Improvement: Convert process to wp-scripts for WordPress Gutenberg standard
  • Improvement: Ability to hide « Responsive Panel »
  • Fixes: Prevent issues with third party plugin’s settings page
  • Fixes: Compatibility and fixes for Gutenberg version 6.3.0

1.10

  • New: Add Code Syntax Highlighting when on Code Editor Mode 🎊
  • New: Add « View Custom Fields » option to easily scroll down to Custom Fields area 🎉
  • Fixes: Prevent display bug when Editor Height is toggled on
  • Fixes: More compatibility fixes for the latest Gutenberg plugin

1.9.2

  • New: Editor Height Option to set editor min-height to 100% of the viewport 🎊
  • Improvement: Only load editorskit scripts on admin pages that are running Gutenberg
  • Improvement: Do not automatically disable Auto Saving after plugin activation
  • Improvement: Extended support for Block Lab Plugin with editorskit_blocklab_classname() helper function
  • Fixes: Prevent error from third-party plugins for REST API missing attributes
  • Fixes: More compatibility fixes for the latest Gutenberg plugin

1.9.1

  • Improvement: Add ek- identifier for custom Utility Classnames
  • Improvement: Extended support for Block Lab attributes
  • Fixes: Prevent issues on REST API from blocks added via PHP register_block_type

1.9

  • New: Custom Utility Classes and Class(es) Suggestions 🎉
  • Improvement: Add editorskit-title-hidden body class when title is hidden
  • Improvement: Add Text and Highlight Colors to Features Manager
  • Fixes: Exclude ‘core/nextpage’ block to visibility option ( https://wordpress.org/support/topic/nextpage-feature-broken/ )
  • Fixes: Compatibility fixes for new Gutenberg plugin version

1.8

  • New: Image and Cover Block Styles ( circular, diagonal, rounded corners and shadow ) 🎉
  • New: Full Screen Height toggle option 🎉
  • Improvement: Add responsive panel with display settings to show/hide blocks on desktop, tablet and mobile
  • Improvement: Change logged-in user state to toggle options with descriptions
  • Improvement: Show title on search and menu item even hidden toggle is active
  • Fixes: Compatibility fixes for new Gutenberg plugin version

1.7

  • New: Block Import and Export ( https://twitter.com/phpbits/status/1138412218721026049 ) 🎉
  • Improvement: Better UI for Text Color and Highlighter
  • Fixes: Gutenberg 5.9+ compatibility fixes
  • Fixes: Fix ACF on advanced visibility tab issue

1.6.2

  • Fixes: Bug fix for new reusable block name « core/template » and block options

1.6.1

  • Fixes: Conflict with custom post type and hidden title feature : https://wordpress.org/support/topic/error-with-custom-post-type-registration-after-plugin-update/

1.6

  • New: Gutenberg Editor Markdown Support 🎊
  • New: Clear Formatting Options 🎉
  • New: Subscript, Superscript and Uppercase Text Formats 🎉
  • New: Toggle Title Visibility Option 🎉
  • New: EditorsKit Features Manager 🎊
  • Add: Freemius Insights
  • Compatibility: Disable duplicate formats when JetPack or CoBlocks is active
  • Fixes: Shortcode Block Compatibility Bugs
  • Fixes: Remove EditorsKit id instance for other plugin’s compatibility
  • Fixes: Conflict with Thrive Comments plugin( https://github.com/phpbits/block-options/issues/49 )

1.5

  • New: Highlighted Text or Heading Colors 🎉
  • New: Highlighted Text Background Color 🎉
  • New: Paragraph Justify Alignment 🎉
  • New: Enable or Disable Auto Save 🎊
  • New: editorskit-template-block-sizes and editorskit-genesis-layout-block-sizes theme supports 🎊

1.4.3

  • Add new Underline Text Format 🎉
  • Fix issue with Classic Block Conversion to Blocks

1.4.2

  • Fix button CSS issue on modal popup for older Gutenberg version

1.4.1

  • Block Guide Lines Compatibility for old version

1.4

  • Rebranded to EditorsKit
  • Improve UI and UX
  • Add new Block Guide Lines feature
  • Fix issue with Advance Custom Fields Plugin visibility
  • Rewrite for better Gutenberg support

1.3.3

  • Fix issue with latest Gutenberg version

1.3.2

  • Fix issue with column styling

1.3.1

  • Fix classes duplicate

1.3

  • Add fixes for Gutenberg 3.7 issue and deprecated functions

1.2.1

  • Add fixes for ACF Pro integration
  • Fixes for deprecated variables

1.2

  • Add ACF Support for managing visibilities based on specific field value and conditions

1.1.1

  • Upgrade API and fix issues with Gutenberg 3.1

1.1

  • Fix issues with other Gutenberg plugins, options not saving
  • Add support for inner column blocks
  • Add option to hide descriptions for adept users to minimize section content

1.0

  • Initial Block Options for Gutenberg Plugin release