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. Custom action button in Gutenberg editor (post_submitbox_misc_actions – equivalent)
  2. Adding pre-publish checks with Gutenberg
  3. How to make repeated component/block in Gutenberg
  4. Using Primary Color in Plugin Block
  5. How to get data from WordPress $wpdb into React Gutenberg Blocks Frontend?
  6. Create Element From Dynamic HTML String [closed]
  7. Plugin Sidebar is not Saving Meta Attribute to Post/Page after “Update”
  8. What’s the Right Way to get and save remote data for a Gutenberg block?
  9. WordPress: After Gutenberg plugin migration to block.json the localization/ translations with PolyGlot in JavaScript does not work anymore
  10. Looking for callback function after Gutenberg is rendered?
  11. How to Parse an Array of Elements in Gutenberg Block
  12. Error : “Updating failed: The response is not a valid JSON response” with custom shortcode
  13. Is there a better way to implement responsive images than what WordPress uses by default?
  14. Gutenberg registerFormatType with Multiple Classes
  15. Gutenberg: useDispatch is not a function – @wordpress/data included
  16. Gutenberg Block add element in the Editor inside InnerBlocks after div – editor-block-list
  17. Make a list with header and subtext in Gutenberg blocks
  18. Gutenberg – What is the best way to save/update post meta?
  19. How do you render_callback for register_block_type to a method in another class?
  20. How to create multiple Gutenberg blocks in one plugin
  21. How to get color name in PanelColorSettings in custom Gutenberg block?
  22. How insert negative values in Gutenberg box-control
  23. Are block templates incompatible with serialize_blocks?
  24. How do I dynamically render an InnerBlock inside a dynamic block?
  25. ServerSideRender and Media Object: attributes passing image data object to php renderer even though it’s not set
  26. WordPress Block Development – trouble importing from @wordpress/icons
  27. Is there an additional block.json property to set to get an InnerBlocks child to respect the “supports” property?
  28. How to setAttributes in Gutenberg block?
  29. How to access noticeOperations from withNotices
  30. How to prevent UNDO on guternberg block editor
  31. How to insert text at the current cursor position in Gutenberg?
  32. How to override gutenberg paragraph block edit property
  33. Do I have to worry about useState causing a re-render?
  34. What’s the right way to instantiate new blocks and/or the plugin itself in toto when using wppb architecture?
  35. Creating a custom Gutenberg block with columns
  36. How to get boolean value from register_meta properly?
  37. JSX in WordPress Plugin Development
  38. ResizableBox with RangeControl not working
  39. How can I get the selected string when using a toolbar button in Gutenberg?
  40. jQuery selectors for editor elements safe to use?
  41. There is a problem in the gutenberg block I developed. Problem is with withInstanceId
  42. How to control an elements classes from multiple Gutenberg sidebar controls?
  43. How to only load css for used blocks on frontend
  44. Additional classes `undefined` after saving post in Gutenberg
  45. How do you submit a Gutenberg plugin?
  46. Catching Gutenberg sidebar switch event
  47. Invalid hook call on save, not edit when using swiper slider
  48. Proper way to use useSelect
  49. Use npm and wp-env to make production bundle
  50. How to save post meta as an array in Gutenberg?
  51. Setting global block attribute value
  52. Developing the save function in Gutenberg blocks
  53. WordPress Gutenberg InnerBlocks renderAppender not showing with template
  54. Gutenberg – is it ok to load dependencies multiple times?
  55. Preventing double loading JS scripts (like React) when developing for Gutenberg
  56. Console errors in 6.0-RC1 Widget screen
  57. Custom Block Not Shown in Block Inserter
  58. How to override supports of innerBlocks?
  59. How to use attributes in competent of Gutenberg
  60. var(–text-color) in style.scss works once but not twitch
  61. wordpress full site editing problem when extending core blocks
  62. Pass custom props to
  63. Getting incorrect filepath inside custom block front-end output using @wordpress/create-block tutorial
  64. extraprops override existing props
  65. Trigger function on Remove block or add new block in Gutenberg JavaScript
  66. WPGut – Updating failed and shortcode?
  67. Rerender core Templates with with ToggleControl but it doesnt recognize block type
  68. Gutenberg – Call google map render function in save after DOM has been rendered
  69. HTMLCollection not counting right in editor? / for loop not working on elements in DOM
  70. What happens/fires when you select a block in the editor?
  71. Is “document loaded” different on admin side than public side?
  72. How to use setAttributes outside of the edit function return
  73. why is apiFetch throwing Unhandled Promise Rejection: TypeError: Object is not a function
  74. Where do I hook to have the server do something in PHP on block attribute change?
  75. Reading plugin settings in esnext wordpress block
  76. Get value of custom checkbox from Gutenberg sidebar in plugin
  77. How to integrate plugins into block editor
  78. How to get access the ID of all posts of custom post type in Gutenberg editor
  79. How to create save function for custom Gutenberg style block?
  80. Custom plugin not appearing
  81. Gutenberg’s Popover component position relative to the focused element
  82. How can i add insertion point between inner blocks in my custom block like core blocks
  83. Gutenberg: – Call a function after Server Side Component is rendered
  84. Accept only PDF file for upload
  85. get the queried_object of an url
  86. Help interpreting @wordpress/create-block-tutorial-template usage error
  87. Add custom data-attribute to core Gutenberg block within an template
  88. Call API on post save/update and show the result in admin area
  89. How can I add a custom button to the post editor?
  90. How to get custom user meta by id in custom Gutenberg block
  91. Block Development: hamburger module throwing error in save function
  92. Adding a navigation with wp_nav_menu() to a custom block in the site editor
  93. Why isn’t custom sidebar panel not showing up in the Gutenberg Editor?
  94. REST API error in block editor for custom templates
  95. How can I include React useState in a custom gutenberg block plugin?
  96. Remove Gutenberg Buttons Block
  97. Set srcset on a block image
  98. Translations not making it into Block UI but work in the rest of the plugin
  99. Javascript function defined in view.js not reachable from save.js
  100. How to move custom gutenberg block controls from settings to styles tab?
deneme bonusudeneme bonusu veren sitelerpulibet girişOnwin Güncel Giriştürkçe altyazılı pornocanlı bahis casino