What you are writing in your js file is not “real” Javascript Code, but an extension named “JSX” which can help you write the elements like XML-Code.
Before you can “use” the block js file, you first have to “compile” it into “real” Javascript code. You can use npx and webpack for this.
The Tutorial you used actually describes how you can setup this environment. Just start from the first part of the tutorial, if you want to learn the basics, or at least at part 6 (Where the setup of the npx and webpack components are described).
Happy Coding.
Related Posts:
- wp_editor textarea value not updating
- How to filter or remove default panels in Gutenberg PrePublish Panel
- Sanitize content from wp_editor
- Show Font Awesome Icons In WP Post Editor
- ‘Add Media’ button doesn’t work when editor is initialized from javascript
- Why are there two diffrent full screen editors?
- How to set WYSIWYG editor width within wp_editor() function?
- Shortcode attribute escaping
- wp_editor not adding paragraphs despite wpautop being set to true
- WP Editor strips input placeholder attribute
- How to remove the “Path” line in the WordPress Editor for end users who are submitting a form?
- Remove specific buttons from wp_editor()
- WP Editor does not Initialize Correctly When Form Elements are Removed from the DOM
- Auto-resize when writing with Custom post WP editor
- Changing the default WP editor font and size
- WP_Editor – Setting render location on page
- Passing RichText attributes to function onChange
- How to pass the wp_editor content using jquery
- How do I prevent the wp_editor from loading outside container?
- Quotes being escaped inside wp_editor when saved with wp_kses_post
- Save wp_editor() content as option
- Change the name of the wp_editor tab “html/text”
- Updating post content on the front end
- Target wp_editor buttons to add a tooltip
- Using default wordcount javascript in WordPress on custom wp_editor() areas
- wpautop is not working when displaying content saved using wp_editor in a custom meta box
- Removing line breaks when in text view with wp_editor
- How to add custom button in wp_editor
- Edit Page blank
- how to set max-length at the wp_editor
- Like to convert textarea into using wp_editor
- Add default page editor to an admin settings page
- Can I use wp_editor() to create a second instance of the editor in my post page?
- How would I load wp_editor someehere else other than the admin area?
- wp.editor.initialize not working as expected
- wp_editor in text mode only(without TinyMCE)
- wp-editor is empty on first submit
- How WordPress remembers which active editing modes are used?
- how to display wp_editor in a page
- wp editor formatting
- wp_editor visual tab in meta box doesn’t show content
- wp_editor doesn’t save styling
- How to use wordpress text editor in php page
- Pull Youtube Link from 2nd WP_Editor
- textarea_name is not working with wp_editor
- How Can i print the wp_editor field content?
- How to add set featured image button in wp_editor()?
- WP_editor problem
- Displaying content on the website frontend that was uploaded using wp_editor?
- Free Alternate WordPress Editor (without requiring plugins)
- Strange formatting issue in text editor after WP update from 4.9.3 to 5.3.1
- Bold button gets unchecked on enter click when bullet button is also selected in WP Editor
- Theme options missing from edit page
- How can I apply preventDefault() to the click on CodeMirror-hints?
- WordPress editor issues
- automatically apply clear formating when pasting text on editor
- WordPress textual editor problem with new line
- Use ENTER, not SHIFT+ENTER to Insert Line Break in WP editor
- How to replace textarea in plugin with wp_editor
- Is there a way to install a drop-down with all site pages in WP-Editor?
- wp_editor returning invalid html
- Adding text above the editor
- Embed and word Count not working for wp_editor instance
- How to make this clean?
- wp_editor saving to database, but not displaying content on refresh
- How to stop wp-editor() overwriting my HTML?
- Save values from foreach loop in wp_editor
- ThinkTanking for design [closed]
- Wp_editor bug with foreach()?
- Convert textarea into TinyMCE
- load wp_editor without wp_footer
- How can I open WP rich editor within colorbox in the front end?
- front post submit using wp_editor
- Why am I not able to save / update data in wp_editor?
- Replacing a textarea in post meta with wp_editor() WordPress
- How to edit the Page?
- Why Is wp.editor Not Adding the ”Add Media” Button When I Initialize It?
- Prevent WordPress Link Editor from Automatically Adding “http://”
- Check what Gutenberg blocks are in post_content
- Enable Gutenberg on custom post type
- Adding Custom Text Patterns in the WP 4.5 Visual Editor
- How to load wp_editor() through AJAX/jQuery
- Creating a wp_editor instance with custom tinyMCE buttons
- How would one modify the filtering Gutenberg applies to pasted content?
- Load CSS/Javascript in frontend conditionally if block is used
- Gutenberg: Is there a way to know if current block is inside InnerBlocks?
- How to load wp_editor via AJAX
- How to extend the gallery block in Gutenberg?
- Remove inline linking tool
- Custom taxonomy terms not showing as list Gutenberg Editor
- Where can I find the Gutenberg block icons?
- check if Gutenberg is currently in use
- Add pre-publish conditions to the block editor
- How to add a custom CSS class to core blocks in Gutenberg editor?
- Remove HTML editor and visual/HTML tabs from TinyMCE
- Trigger Javascript on Gutenberg (Block Editor) Save
- Running Gutenberg React in Development Mode
- How would I get a taxonomy/category list inside a Gutenberg block?
- Deactivate Gutenberg tips forever – not Gutenberg
- How does Gutenberg handle translations in React?