Detecting whenever a user types – in the Gutenberg editor, and checking if there is a preceding or succeeding – then converting both to an em dash

I managed to find an answer to this. Instead of adding an event listener to the editor, I hooked some additional functionality onto Gutenberg’s Autocompleter instead:

Gutenberg autocompleter

I wrote a post here detailing how I did this, if anyone is looking to do the same thing: https://blog.terresquall.com/2023/06/how-i-made-double-dashes-automatically-convert-to-em-dashes-in-wordpress-gutenberg-editor/

Related Posts:

  1. What is the standard way to use the version of React that ships with Gutenberg on the front end?
  2. How can I render a built-in Gutenberg block with InnerBlocks outside of the block editor?
  3. What is the proper way of using React Hooks in Gutenberg on frontend?
  4. How to dynamically add style tags to Gutenberg editor in react
  5. How to implement Mapbox GL JS with a custom Gutenberg block in FSE?
  6. Removing Default Panels From Gutenberg Document Setting Panel (sidebar)
  7. Gutenberg Dev – React Context.Provider returns undefined
  8. Avoid automatic scroll jump when dragging a resize handle in a Gutenberg block
  9. Implementation of React-Datepicker component with Gutenberg in WordPress
  10. How can i extend the existing Block Inspector Tabs in WordPress Gutenberg Editor?
  11. Add To Gutenberg Sidebar
  12. Possible to use @wordpress/create-block with multiple blocks?
  13. What is the advantage of ‘register_block_type’ (the PHP function) when creating custom blocks?
  14. The Block Editor: Disable “Color settings” in the specific block
  15. Find all the places where a block type is used
  16. WP Blocks – Gutenberg – not rendering $content
  17. How do I listen for a change in an innerBlock child?
  18. How to enable Gutenberg Block Editor on taxonomy term pages?
  19. What’s the absolute minimum code that I need to create a dynamic block?
  20. Determine if block has already been registered
  21. InnerBlocks breaks Flexbox and CSS Grid styles
  22. Is there a way to set the gutenberg color palette outside the theme?
  23. Gutenberg block JavaScript localisation on Polyglots does not work
  24. how define elements type in attributes type array of gutenberg blocks
  25. Convert GMT time to local time in Gutenberg Block Editor
  26. Restrict heading level in Gutenberg block `core/heading`
  27. How do I disable or hide the Layout block setting in the Group block
  28. Cleaning up after block dismount
  29. Add support for ‘alignnone’ to Gutenberg block align controls?
  30. How do I replace a audio gutenberg block to native audio wordpress
  31. Block Controls not showing
  32. Gutenberg and FSE: How to exclude a block from full site editing
  33. Disable only one Gutenberg block programatically / coblock/maps not listed in blocks
  34. How to select block variation from BlockVariationPicker
  35. WordPress Full Site Editing: How can I access my posts listing page?
  36. Editable button with RichText for Gutenberg custom block
  37. How Do I Prevent An Image From Automatically Adjusting In Guttenberg Block Gallery?
  38. How to reload data stored for a sever side gutenberg block in the editor
  39. Using wp_set_script_translations without manually registering the script
  40. How to remove the old “Custom CSS” from customizer after the theme has been migrated to Gutenberg FSE
  41. Why am I getting the error: Cannot update a component (`Unknown`) while rendering a different component (`Edit`)?
  42. Update number of posts when attribute changed
  43. Connect WordPress and react front-end
  44. Gutenberg editor auto remove wrapping tags like
  45. Setting fontSize within core/heading
  46. Unable to edit server side rendered block
  47. WordPress Dynamic Block with multiple checkboxes
  48. Embedded block editor in block editor
  49. useSelect in block Edit always returns default store value
  50. Count Gutenberg blocks on the front-end?
  51. How to call a react hook on edit of registerBlockType?
  52. Why does the paragraph block automatically add class?
  53. How can I block embeds and show an individual preview image per block?
  54. add arrow icon next to read more link on latest posts gutenberg block
  55. Create a trailing block with programatically generated Gutenberg columns
  56. How to make attributes unique to Gutenberg blocks
  57. How to check title is being entered in Title Case?
  58. Gutenberg link of internal page not showing
  59. How do I trigger the sidebar reveal for my sidebar plugin in the Gutenberg editor?
  60. Create Gutenburg Block to render inline SVG
  61. Gutenberg blocks not full width
  62. How to extend the URLPopover render settings for the paragraph Gutenberg block?
  63. Custom Image Gutenberg Block With Caption
  64. How to make a block similar to another block
  65. Gutenberg: How to enqueue scripts conditionally in render_callback by checking for an attribute?
  66. How can I reintroduce autocompletion of Gutenberg components in Visual Code?
  67. Blocks – any way to have editor honor width percentages on child blocks?
  68. Using `esc_attr( get_block_wrapper_attributes() )`, results in `class=””wp-block-foo””`
  69. How to display dynamic block editor on front-end?
  70. Enable varying text for Phone, Tablet and Desktop
  71. Debouncing Input value with block attributes
  72. Using the block theme in production
  73. When using the MediaPlaceholder component, will skipping blobUrl handling break something?
  74. Pass component name in onChange [closed]
  75. Add another option to default link control settings panel?
  76. With full-site-editing menus, how do I create a non-linking top-level menu item with linking sub-pages
  77. How do I add filters in Twenty-Twenty-Three without a functions.php?
  78. Different style options for the same block depending where it is used
  79. How to extract ‘intro’ block from page content, but later strip from page main content
  80. Add a new option to Social Link block
  81. Editing Inline fonts/typeface using the block editor
  82. How to add Gutenberg editor on frontend page?
  83. WordPress gutenberg block serverside rendering html elements not showing up
  84. Gutenberg: change block Components Popover properties
  85. Unable to register a block using block.json in Block Editor
  86. $attributes not defined in block.json PHP template for ACF blocks
  87. add_editor_style now copying html styles to .editor-styles-wrapper?
  88. Building my first ever Gutenberg block
  89. Add custom block to submenu variation
  90. Is there a frontend equivalent for add_menu_page?
  91. How do I load styles for editing the admin interface for the block builder?
  92. Unable to edit custom post type, editor crashes. What to do?
  93. Gutenberg – Shadow settings not available (theme.json)
  94. Block Validation Error
  95. Set a default overlay color for the Core Cover block in theme.json
  96. Why is the Gutenberg editor not recognizing my updates?
  97. Add Gallery items programmatically inside an InnerBlock
  98. Is it possible to add settings to a search block in Gutenberg?
  99. Block markup not working inside WP_Query
  100. What is the name of the user capability to read a synced pattern inside a post?