How can I obtain an option (get_option) inside a block viewScript?

So, if I want to add any custom styles or scripts in a block’s CSS or JS file, I usually add them in the PHP file associated with the block (the render property in block.json).

Add the following code to the PHP file at the end –

$beautiful_option = get_option('beautiful');
wp_add_inline_script('some-script', 'const BEAUTIFUL_OPTION=' .$beautiful_option, 'before');

Just make sure to add any appropriate checks and validations for the code.
Seems a bit hacky but has worked so far for me.

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. When setting styles to an extended block that was saved as a pattern, it doesn’t remove the style that was there
  14. wordpress full site editing problem when extending core blocks
  15. Pass custom props to
  16. Getting incorrect filepath inside custom block front-end output using @wordpress/create-block tutorial
  17. extraprops override existing props
  18. Trigger function on Remove block or add new block in Gutenberg JavaScript
  19. WPGut – Updating failed and shortcode?
  20. Rerender core Templates with with ToggleControl but it doesnt recognize block type
  21. Gutenberg – Call google map render function in save after DOM has been rendered
  22. Gutenberg block breaks when showing new data
  23. HTMLCollection not counting right in editor? / for loop not working on elements in DOM
  24. What happens/fires when you select a block in the editor?
  25. Is “document loaded” different on admin side than public side?
  26. How to re-render inspector controls?
  27. How to use setAttributes outside of the edit function return
  28. why is apiFetch throwing Unhandled Promise Rejection: TypeError: Object is not a function
  29. Where do I hook to have the server do something in PHP on block attribute change?
  30. Reading plugin settings in esnext wordpress block
  31. Get value of custom checkbox from Gutenberg sidebar in plugin
  32. Where to save Gutenberg plugin data?
  33. Gutenberg component in a plugin admin
  34. How to integrate plugins into block editor
  35. Add custom html classes to gutenberg wrapper
  36. How to get access the ID of all posts of custom post type in Gutenberg editor
  37. How to create save function for custom Gutenberg style block?
  38. Gutenberg and custom blocks messed up pagespeed score. What did I wrong?
  39. Gutenberg text field validation
  40. Custom plugin not appearing
  41. Gutenberg’s Popover component position relative to the focused element
  42. Undo operation not working in Rich text [Gutenberg]
  43. How can i add insertion point between inner blocks in my custom block like core blocks
  44. Gutenberg: – Call a function after Server Side Component is rendered
  45. Accept only PDF file for upload
  46. Render raw html in Gutenberg block
  47. get the queried_object of an url
  48. Build a dynamic block using the default attributes
  49. Help interpreting @wordpress/create-block-tutorial-template usage error
  50. Add custom data-attribute to core Gutenberg block within an template
  51. Call API on post save/update and show the result in admin area
  52. How can I add a custom button to the post editor?
  53. How to get custom user meta by id in custom Gutenberg block
  54. How to replace content of a block in and re-render on change?
  55. extending a core block doesn’t work inside the editor
  56. Block Development: hamburger module throwing error in save function
  57. Adding a navigation with wp_nav_menu() to a custom block in the site editor
  58. Why isn’t custom sidebar panel not showing up in the Gutenberg Editor?
  59. REST API error in block editor for custom templates
  60. Reinitiate Gutenburg’s blocks using javascript
  61. How can I include React useState in a custom gutenberg block plugin?
  62. Remove Gutenberg Buttons Block
  63. Set srcset on a block image
  64. Insert text programmatically in WordPress Gutenberg Editor
  65. Translations not making it into Block UI but work in the rest of the plugin
  66. Javascript function defined in view.js not reachable from save.js
  67. How to move custom gutenberg block controls from settings to styles tab?
  68. WordPress 6.6.1 – Trying to make a block but receive error, “! Cannot read property ‘then’ of undefined”
  69. How to use useSelect to retrieve the currently default fontFamily?
  70. Event when Modal is opened/visible
  71. Template locked block does not show appender
  72. move useState variable from edit.js to save.js. How do I do that?
  73. Multiple php files in dynamic gutenberg block
  74. Access DOM Element in Gutenberg Block on WP Admin Post Edit Screen
  75. My WordPress plugin don’t show the button on Gutenberg
  76. Gutenberg InnerBlocks noallowedblocks on parent but allowedblock on Child
  77. Warning: Cannot update a component (`Unknown`) while rendering a different component
  78. Custom Gutenberg Block ‘Stylized List’ – Incorrect Rendering and Looping of List Items
  79. Rebuild Core Block as Separate Plugin
  80. Cannot call a class as a function in block plugin react component
  81. How to detect when the user clicks the publish/update button in Gutenberg Editor
  82. Block Editor: Filter getSaveElement and innerBlocks
  83. Gutenberg Static blocks: viewScript doesn’t import css for frontend?
  84. useBlockProps() nests wrapper with class name inside block wrapper in the editor
  85. Using @wordpress/scripts 28.x with WordPress
  86. Gutenberg move post/page title to Editor sidebar document panel
  87. Custom Gutenberg block with nested InnerBlocks renderAppender not displaying add button
  88. configure additonal build files in the @wordpress/create-block
  89. Is It Possible to Use the Block Editor’s Notification Feature to Send Another Notification After the Post Is Saved?
  90. Output HTML Tags In Gutenberg Block
  91. Can you nest columns/column in a gutenberg custom template?
  92. Can we write custom DOM manipulation inside edit.js file while developing custom Gutenberg block?
  93. User set default settings for a Block in Site Editor
  94. Attributes array not saving values
  95. Can’t get hexcode as color settings on save.js file, although I can on edit.js
  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)