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. check if Gutenberg is currently in use
  2. How to use PanelColorSettings in custom Gutenberg block?
  3. Custom action button in Gutenberg editor (post_submitbox_misc_actions – equivalent)
  4. Adding pre-publish checks with Gutenberg
  5. Managing two editable fields in gutenberg
  6. How to make repeated component/block in Gutenberg
  7. How to save block attributes when the output doesn’t change
  8. How to remove unwanted panels inside InspectorControls from core blocks in Gutenberg
  9. Using Primary Color in Plugin Block
  10. Gutenberg ServerSideRender is deprecated, how to work with new wp.serverSideRender component?
  11. How to get data from WordPress $wpdb into React Gutenberg Blocks Frontend?
  12. lodash dependency in a Gutenberg plugin
  13. Create Element From Dynamic HTML String [closed]
  14. Plugin Sidebar is not Saving Meta Attribute to Post/Page after “Update”
  15. creating elements/innerblocks via rangecontrol
  16. What’s the Right Way to get and save remote data for a Gutenberg block?
  17. WordPress: After Gutenberg plugin migration to block.json the localization/ translations with PolyGlot in JavaScript does not work anymore
  18. Looking for callback function after Gutenberg is rendered?
  19. How to Parse an Array of Elements in Gutenberg Block
  20. Error : “Updating failed: The response is not a valid JSON response” with custom shortcode
  21. Using the component outside the editor. select(‘core’) is null
  22. Gutenberg is there a way to know if the current block is reusable?
  23. How to disable “Transform to” option in Gutenberg custom blocks
  24. How to allow core Gutenberg blocks selection only when you are inside a custom inner block
  25. Is there a better way to implement responsive images than what WordPress uses by default?
  26. Gutenberg registerFormatType with Multiple Classes
  27. Saving data from block editor to the database
  28. Gutenberg: useDispatch is not a function – @wordpress/data included
  29. Gutenberg Block add element in the Editor inside InnerBlocks after div – editor-block-list
  30. Make a list with header and subtext in Gutenberg blocks
  31. Gutenberg – What is the best way to save/update post meta?
  32. How do you render_callback for register_block_type to a method in another class?
  33. How to create multiple Gutenberg blocks in one plugin
  34. How to get color name in PanelColorSettings in custom Gutenberg block?
  35. How insert negative values in Gutenberg box-control
  36. Initial help with official “create a block” tutorial
  37. Are block templates incompatible with serialize_blocks?
  38. How do I dynamically render an InnerBlock inside a dynamic block?
  39. ServerSideRender and Media Object: attributes passing image data object to php renderer even though it’s not set
  40. Gutenberg Block showing invalid content on edit
  41. WordPress Block Development – trouble importing from @wordpress/icons
  42. Gutenberg blocks not getting styled on back end
  43. Widget is to be compatible with all themes
  44. Is there an additional block.json property to set to get an InnerBlocks child to respect the “supports” property?
  45. How to setAttributes in Gutenberg block?
  46. How to access noticeOperations from withNotices
  47. Run code once when block is created
  48. Best way to save custom css for an block
  49. How to prevent UNDO on guternberg block editor
  50. How to insert text at the current cursor position in Gutenberg?
  51. How to override gutenberg paragraph block edit property
  52. How can I listen to events in Gutenberg block?
  53. It’s possible to passing a ref to FormTokenField from parent component using forwardRef?
  54. Do I have to worry about useState causing a re-render?
  55. What’s the right way to instantiate new blocks and/or the plugin itself in toto when using wppb architecture?
  56. WP Gutenberg Blocks – How to limit first/root blocks
  57. Creating a custom Gutenberg block with columns
  58. How to get boolean value from register_meta properly?
  59. JSX in WordPress Plugin Development
  60. ResizableBox with RangeControl not working
  61. How can I get the selected string when using a toolbar button in Gutenberg?
  62. jQuery selectors for editor elements safe to use?
  63. There is a problem in the gutenberg block I developed. Problem is with withInstanceId
  64. Gutenberg: import dependency or assign from global variable?
  65. Serve text/html from wp-json API via WPEngine, headers not being set properly
  66. Following WordPress Markup Is mandatory, got awkward resultyby wordpress standard markup?
  67. How to remove default style of header in wordpress metabox
  68. Gutenberg table block with Bootstrap .table class
  69. CSS not affecting widget output
  70. How to control an elements classes from multiple Gutenberg sidebar controls?
  71. How to add a gradient component to a custom block
  72. How to only load css for used blocks on frontend
  73. Additional classes `undefined` after saving post in Gutenberg
  74. How do you submit a Gutenberg plugin?
  75. Catching Gutenberg sidebar switch event
  76. Invalid hook call on save, not edit when using swiper slider
  77. Proper way to use useSelect
  78. Use npm and wp-env to make production bundle
  79. How to add template colors to custom block options in WordPress Gutenberg editor sidebar?
  80. How to change WooCommerce loop product title HTML output in single product page and archive page
  81. How to save post meta as an array in Gutenberg?
  82. How to use apiFetch to get author information in Gutenberg properly?
  83. Gutenberg blocks error: Each child in a list should have a unique “key” prop
  84. How to properly package a block plugin
  85. Setting global block attribute value
  86. Developing the save function in Gutenberg blocks
  87. WordPress Gutenberg InnerBlocks renderAppender not showing with template
  88. Gutenberg – is it ok to load dependencies multiple times?
  89. Preventing double loading JS scripts (like React) when developing for Gutenberg
  90. Best practice for Designing a Plugin with this scenario
  91. Include HTML (Bootstrap Modal Box) with a plugin into my header
  92. A function that will remove HTML and tags from a string?
  93. Font size of HTML content
  94. Modify custom block plugin without losing content
  95. Console errors in 6.0-RC1 Widget screen
  96. how to include an image in the build of a multi block plugin
  97. WordPress Block with Interactivity API e Preact Component
  98. Ways to reduce code duplication when creating custom blocks
  99. Insert Button in to the Block Editor (Header) Toolbar
  100. render_block_context filter and block context inheritance
Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)