Output HTML Tags In Gutenberg Block

I had a breakthrough shortly after posting the original question (isn’t that always the way?).

I reread this answer and realised what I needed to do to get the output rendered correctly.

  1. I created the const as described in the other answer.
const htmlToElem = ( html ) => wp.element.RawHTML( { children: html } );
  1. I tried adding the anonymous function to the content attribute but that just broke my JS and nothing would load.
  2. Instead I directly referenced the const and passed it the settings.description object. This loaded everything as expected.
content: htmlToElem(settings.description),

Screenshot of correct output

Related Posts:

  1. Custom action button in Gutenberg editor (post_submitbox_misc_actions – equivalent)
  2. Using Primary Color in Plugin Block
  3. Create Element From Dynamic HTML String [closed]
  4. Plugin Sidebar is not Saving Meta Attribute to Post/Page after “Update”
  5. What’s the Right Way to get and save remote data for a Gutenberg block?
  6. WordPress: After Gutenberg plugin migration to block.json the localization/ translations with PolyGlot in JavaScript does not work anymore
  7. Looking for callback function after Gutenberg is rendered?
  8. How to Parse an Array of Elements in Gutenberg Block
  9. Is there a better way to implement responsive images than what WordPress uses by default?
  10. Gutenberg registerFormatType with Multiple Classes
  11. Gutenberg: useDispatch is not a function – @wordpress/data included
  12. Gutenberg Block add element in the Editor inside InnerBlocks after div – editor-block-list
  13. Gutenberg – What is the best way to save/update post meta?
  14. How do you render_callback for register_block_type to a method in another class?
  15. How to create multiple Gutenberg blocks in one plugin
  16. How to get color name in PanelColorSettings in custom Gutenberg block?
  17. Are block templates incompatible with serialize_blocks?
  18. WordPress Block Development – trouble importing from @wordpress/icons
  19. Widget is to be compatible with all themes
  20. Is there an additional block.json property to set to get an InnerBlocks child to respect the “supports” property?
  21. How to setAttributes in Gutenberg block?
  22. How to access noticeOperations from withNotices
  23. How to prevent UNDO on guternberg block editor
  24. How to insert text at the current cursor position in Gutenberg?
  25. How to override gutenberg paragraph block edit property
  26. Do I have to worry about useState causing a re-render?
  27. What’s the right way to instantiate new blocks and/or the plugin itself in toto when using wppb architecture?
  28. Creating a custom Gutenberg block with columns
  29. How to get boolean value from register_meta properly?
  30. JSX in WordPress Plugin Development
  31. How can I get the selected string when using a toolbar button in Gutenberg?
  32. jQuery selectors for editor elements safe to use?
  33. There is a problem in the gutenberg block I developed. Problem is with withInstanceId
  34. Serve text/html from wp-json API via WPEngine, headers not being set properly
  35. How to remove default style of header in wordpress metabox
  36. CSS not affecting widget output
  37. How to control an elements classes from multiple Gutenberg sidebar controls?
  38. How to only load css for used blocks on frontend
  39. Additional classes `undefined` after saving post in Gutenberg
  40. How do you submit a Gutenberg plugin?
  41. Invalid hook call on save, not edit when using swiper slider
  42. Proper way to use useSelect
  43. Use npm and wp-env to make production bundle
  44. How to change WooCommerce loop product title HTML output in single product page and archive page
  45. How to save post meta as an array in Gutenberg?
  46. Developing the save function in Gutenberg blocks
  47. WordPress Gutenberg InnerBlocks renderAppender not showing with template
  48. Include HTML (Bootstrap Modal Box) with a plugin into my header
  49. Font size of HTML content
  50. Console errors in 6.0-RC1 Widget screen
  51. How to override supports of innerBlocks?
  52. How to use attributes in competent of Gutenberg
  53. wordpress full site editing problem when extending core blocks
  54. Pass custom props to
  55. Getting incorrect filepath inside custom block front-end output using @wordpress/create-block tutorial
  56. extraprops override existing props
  57. Trigger function on Remove block or add new block in Gutenberg JavaScript
  58. WPGut – Updating failed and shortcode?
  59. Rerender core Templates with with ToggleControl but it doesnt recognize block type
  60. Gutenberg – Call google map render function in save after DOM has been rendered
  61. HTMLCollection not counting right in editor? / for loop not working on elements in DOM
  62. Is “document loaded” different on admin side than public side?
  63. How to use setAttributes outside of the edit function return
  64. why is apiFetch throwing Unhandled Promise Rejection: TypeError: Object is not a function
  65. Where do I hook to have the server do something in PHP on block attribute change?
  66. Reading plugin settings in esnext wordpress block
  67. How to integrate plugins into block editor
  68. How do I show the HTML descrption in wordpress photo gallery for my individual gallery pages?
  69. How to get access the ID of all posts of custom post type in Gutenberg editor
  70. How to create save function for custom Gutenberg style block?
  71. Implementing Select2 plugin into WordPress
  72. Which subset of html does WordPress support?
  73. Custom plugin not appearing
  74. Gutenberg’s Popover component position relative to the focused element
  75. How can i add insertion point between inner blocks in my custom block like core blocks
  76. Render raw html in Gutenberg block
  77. get the queried_object of an url
  78. Build a dynamic block using the default attributes
  79. Add custom data-attribute to core Gutenberg block within an template
  80. Call API on post save/update and show the result in admin area
  81. How to create A – Z List with pictures?
  82. How to replace content of a block in and re-render on change?
  83. extending a core block doesn’t work inside the editor
  84. How can I include React useState in a custom gutenberg block plugin?
  85. Remove Gutenberg Buttons Block
  86. Insert text programmatically in WordPress Gutenberg Editor
  87. WordPress 6.6.1 – Trying to make a block but receive error, “! Cannot read property ‘then’ of undefined”
  88. How to use useSelect to retrieve the currently default fontFamily?
  89. Event when Modal is opened/visible
  90. Template locked block does not show appender
  91. Multiple php files in dynamic gutenberg block
  92. My WordPress plugin don’t show the button on Gutenberg
  93. Gutenberg InnerBlocks noallowedblocks on parent but allowedblock on Child
  94. Warning: Cannot update a component (`Unknown`) while rendering a different component
  95. Custom Gutenberg Block ‘Stylized List’ – Incorrect Rendering and Looping of List Items
  96. Rebuild Core Block as Separate Plugin
  97. Using @wordpress/scripts 28.x with WordPress
  98. Gutenberg move post/page title to Editor sidebar document panel
  99. configure additonal build files in the @wordpress/create-block
  100. Is It Possible to Use the Block Editor’s Notification Feature to Send Another Notification After the Post Is Saved?
deneme bonusudeneme bonusu veren sitelerpulibet girişOnwin Güncel Giriştürkçe altyazılı pornocanlı bahis casino