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. Get realtime title and featured image value in WordPress block
  12. How to get block editor block inspector attribute value in my react block
  13. gutenberg block – how to force update after attribute changed?
  14. How can I add a custom attribute to Gutenberg core blocks?
  15. Add additional classes to gutenberg .editor-styles-wrapper
  16. How to use the WordPress < LinkControl /> Component
  17. Add PHP block template to content using wp_insert_post
  18. Gutenberg reusable blocks – is it possible to customise an instance?
  19. Gutenberg Block manipulation: Undo parse_blocks() with serialize_blocks() results in unicode issues
  20. How to use “getEntityRecords” for user data?
  21. Gutenberg: Restrict Top Level Blocks, But Not Child Blocks
  22. Get a WordPress Gutenberg Block Attribute to use it in frontend
  23. Rename reusable blocks shown in navigator
  24. How to troubleshoot a custom Gutenberg block error: “This block has encountered an error and cannot be previewed”
  25. Two Gutenberg components sharing the same Panel Body in Inspector Controls
  26. How to learn Gutenberg block development [closed]
  27. Unable to disable Gutenberg with plugin Classic Editor or Disable Gutenberg
  28. Gutenberg Block Development: Trying to add custom js script to npm start command by modifying webpack.config
  29. Popover in a LinkControl style
  30. Is there any way to render the WordPress Gutenberg core/embed block in PHP by passing in the URL?
  31. How to use in Block Editor – react-bootstrap?
  32. Double container elements on custom block in editor
  33. How to target block variations with has_block()?
  34. How to add extra option to WP core gallery block?
  35. Can I jump over a InnerBlocks component to target content inside with react-flickity-component?
  36. Use a React Component in conjunction with Blocks
  37. Make a custom block like default paragraph block, so that Enter starts a new block
  38. Custom gutenberg block not rendering with styles on frontend
  39. Gutenberg Block on Second Edit fails validation
  40. Import setAttributes() method in a separated module
  41. Add a hyperlink to a group block?
  42. How to change Block Controls Icon in Gutenberg?
  43. Add multiple images to a custom block
  44. How do I disable the block marketplace for Editors?
  45. How to use __experimentalCaptureChildToolbar
  46. Why is wordpress suddenly stripping away all newline characters and how to disable this?
  47. Gutenberg RadioControl saving data but not not selecting radio
  48. Gutenberg on block move
  49. Gutenberg template lock but add/delete blocks programmatically
  50. Notion-like editing and layout with a convenient freeform collaborative editor in WordPress? [closed]
  51. How can I make Gutenberg block layout switchable without lost of current content?
  52. code block does not show in excerpt
  53. Is it possibe to prepend “ with icons or text?
  54. How to create Gutenberg’s pattern category automatically with custom post taxonomy terms?
  55. How to Change the Gutenberg editor’s colors?
  56. Debugging Gutenberg block with the React Profiler (React Developer Tools)
  57. Modify core/image block by adding inner span to figcaption in save
  58. How to override a function in the wp_includes folder(block supports/colors.php)
  59. If is block name
  60. Is there a way to grab the current value of the editor in Gutenburg/Classic WordPress editor? (Not the saved value of the post!)
  61. Can I add custom code to gutenberg auto save?
  62. Changing block quote size in gutenberg
  63. How to get the revisions feature back on the classic editor?
  64. how to use a Text component in javascript?
  65. How to nest a list inside a blockquote using the Gutenberg block-editor?
  66. Is there an obvious error in this React code for customizing a Gutenberg Block?
  67. Two content editors (gutenberg blocks) on the same page
  68. Expose Gutenberg blocks in Post Revisions API endpoint
  69. How to wrap Gutenberg blocks into a custom container (without using HTML blocks)?
  70. DateTimePicker script and style missing?
  71. How to remove multiple blocks of Gutenberg at the same time?
  72. How to set the background color of a template part (Header/Footer) in Twenty Twentythree?
  73. Run callback on removeBlock action
  74. Gutenberg blocks – only allow as innerblock
  75. Pullquote Block Styles disappeared?
  76. Using useSelect creates “minified React error”
  77. How do I reinstate the “Add Block” feature that changes with the update?
  78. How to use react in frontend of dynamic blocks?
  79. How to use isSavingNonPostEntityChanges in the same scope correctly?
  80. Attempting to specify viewScript, in a custom block, results in a register_block_script_handle error
  81. Restricting core block nested blocks
  82. Is is possible to use Templates with blockprops?
  83. How to add readable name and description to templates?
  84. Errror generated in console leading to block validation failer
  85. Add Custom Block Supports to Core Block
  86. Block validation failed – save content vs post body content
  87. How to propegate changes from block render_callback to other blocks using that callback?
  88. wordpress 6.2 is alignfull and lignwide removed?
  89. How to add “rel=nofollow” for links in latest version of WordPress?
  90. I can’t highlight/select text in the RichText components in my Gutenberg blocks
  91. Lazy load video block while keeping autoplay
  92. Use a custom block inside another custom block
  93. Controlling or disabling Gutenberg editor panning/focus on a custom slider block
  94. Event when Modal is opened/visible
  95. Default value for highorder component in Gutenbrg?
  96. Custom gutenberg block: window.wp.blockEditor returns undefined
  97. How can I add a wrapper class to individual blocks inside of an InnerBlocks component?
  98. how can I remove all default settings in Gutenberg blocks? example core/button
  99. How do i create a switch for responsive devices?
  100. wordpress 6.4.2 gutenberg custom block array attributes saving problem?
techhipbettruvabetnorabahisbahis forumutaraftarium24edueduseduseduseduedusedusedusedusedus