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
- Gutenberg Inspector Controls
- How to use getBlockIndex
- extend Meta Box / Document Panel
- getEntityRecord without knowing the post type
- How to Add extra option to Image Block Settings?
- Add a containing DIV to core Gutenberg blocks
- How to check if current admin page is Gutenberg editor? [duplicate]
- WordPress Gutenberg get page template value when post updated?
- wp_editor and WPAlchemy messes up tags when updating
- 404 in gutenberg autosave of a Custom Post Type with custom rest_namespace
- Notices in the Block Editor with multiple lines
- Where are the layout defaults in Twenty Twenty Two coming from?
- Can you edit WP gutenberg block css without a plugin?
- Checks when fetching data from multiple REST API endpoints in Gutenberg
- Gutenberg – Title field required
- How can I allow HTML in Gutenberg UI elements help text?
- UnitControl – Block has encountered an error
- How to make a block similar to another block
- When editing in block editor, the post/article gets under the floating widgets
- Correct way to make a custom block theme responsive
- How can I reintroduce autocompletion of Gutenberg components in Visual Code?
- How can i add insertion point between inner blocks in my custom block like core blocks
- Blocks – any way to have editor honor width percentages on child blocks?
- Get postId in a wordpress pattern file?
- Add Gutenberg editor to edit taxonomy (category) page