What you are looking for is RawHTML to render on the front end.
To use a player shortcode in the post you can use the code below remember that the edit function needs to mirror the markup for the save function for Gutenberg to validate the block.
Include RawHTML:
const { RawHTML } = wp.element;
Save & Edit Functions:
edit: function( props ) {
return (
<div>
<RawHTML></RawHTML>
</div>
);
},
save: function( props ) {
var myShortcode="[custom-shortcode param_1="value_1" param_2="value_2" /]";
return (
<div>
<RawHTML>{ myShortcode }</RawHTML>
</div>
);
},
Related Posts:
- Shortcode to Gutenberg-block: additional text on front-end and conditional display
- gutenberg widget outputting paragraph marks
- is_admin() returns false in save_post hook with Gutenberg editor
- Wrap shortcode inside custom block
- Instagram URL is converted into oEmbed
- Gutenberg Block with Select from JSON-File
- add action only if gallery shortcode attribute is equal to?
- Gutenberg Shortcode Fail
- Gutenberg Shortcode Chooser Block
- Gutenberg Shortcode will turn html to html entity
- Gutenberg running code only available in front end within shortcode
- Shortcode, vs blocks, vs templates – what would you do for choosing or creating custom post data in editor?
- How to use code in an editor block?
- Display a block conditionally based on user input button
- How can I remove the wp_autop filter from a shortcode block in a block theme page template (twenty twenty-three)?
- How to create blocks from shortcodes?
- What hook runs wpautop on template content?
- convert it into short code & explan how? [closed]
- Enqueue Scripts / Styles when shortcode is present
- Conditionally Loading JavaScript/CSS for Shortcodes
- What does extract( shortcode_atts( array( do?
- How do I escape a ‘]’ in a short code?
- Pass boolean value in shortcode
- Show shortcode without executing it
- Shortcode always displaying at the top of the page
- Redirect function inside a Shortcode
- How to create a shortcode with 1 parameter (atts)
- how to show the syntax of a shortcode
- Custom shortcode being executed when saving page in wp-admin
- Change appearance of shortcode text inside editor
- current_shortcode() – detect currently used shortcode
- shortcodes output before content [duplicate]
- WordPress plugin shortcode not working
- How to add stylesheets only to pages with specific shortcode?
- Using get_option() in JavaScript
- Shortcode empty attribute
- How does a shortcode work?
- Shortcode outputs at the top of the_content
- the_excerpt and shortcodes
- Using wp_editor in shortcode
- Remove wpautop from shortcode content / remove whitespace in buffering
- Get current post id witout passing in shortcode
- Why are you using add_action for shortcode?
- How to get URL param to shortcode?
- How to add multiple buttons to TinyMCE?
- Check if post/page has gallery?
- Get first video from the post (both embed and video shortcodes)
- Get shortcode name from within it’s callback function? [duplicate]
- Wordspress add into my javascripts
- Making a Shortcode [NEXT] and [PREVIOUS] to place into specific posts for post navigation
- How do I create a Shortcode that returns text if domain is .com, not .co.uk
- Using preg_replace to separate gallery from the_content?
- Remove specific shortcode from get_the_content()
- How to display the site name in a WordPress page, or post
- Hide/show content starting in the middle of a paragraph
- Combining shortcode and get_template_part
- How can I put a wp_redirect into a shortcode?
- Escaping quotes from shortcode attributes
- Run visual composer code in php page
- short code output too early
- Shortcode in shortcode: How to append variable?
- Remove wptexturize from a shortcode?
- How can i put an array as variable in shortcode_atts?
- Autoembeds don’t work with paragraphs
- Table of Contents with a shortcode
- Create custom [sourcecode] shortcode, the right way?
- TED talks shortcode not working
- Allowing shortcodes inside attributes
- What is the best way to enable nested shortcodes?
- Tinymce – How to hook before or after live shortcodes rendering?
- How to customize a shortcode using the customizer
- Native “playlist” shortcode random playing… How?
- How to Output HTML tags in do_shortcode?
- List of all inbuilt WordPress shortcodes
- Nested Shortcode Detection
- Shortcode output always showing at top of page
- Organizing shortcodes. How to display all of them and their attributes?
- How to detect if a Shortcode is being called on a page?
- How to get current page title inside a page itself in a shortcode and in page content
- how to have the gallery shortcode output one single UL list instead of several DL?
- Implement If-ElseIf-Else-EndIf with short codes
- Short code to display a loop
- Using shortcode in Post title
- using html as shortcode attribute
- shortcode outputs first before the page content [duplicate]
- How to add ‘class’ attribute into shortcode [audio]?
- Make shortcode work with nested double quotes
- Get all posts containing a shortcode
- How to display the names of users from a specific group with a shortcode?
- WordPress adds br in between my shortcode
- Stray closing paragraph tag when using shortcodes
- How to display html in a shortcode
- Can I strip HTML tags in the “Compare Revisions” screen?
- Custom form, shortcode, and submit handler
- shortcode inside another shortcode
- Automatically add this attribute to the gallery shortcode
- WordPress transients for a shortcode
- Are php template shortcodes ok?
- Extract attribute values from every shortcode in post
- How to make shortcode to hide selection of text from post or page?