The code example to register a new user contains a syntax error. Please change as this would help beginners to get a faster success.

Wrong:

{
    "username": "your-username",
    "email": "[email protected]",
    "password": "0000",
}

Correct:

{
    "username": "your-username",
    "email": "[email protected]",
    "password": "0000"
}

please have a look at the linked page: https://broken-butterfly-7931.site.hardypress.com/react-storybook-driven-development/

<button> are red while </button> are black colored.

Please advice,
Pietro

I disabled the visual editor on my site. There were problems with him.

Now I edit the articles through a text editor (html mode).

Advise, please. How do I enable syntax highlighting? So that it would be convenient to work in the code editor?

Are there any proven plugins? The WordPress default highlights the code when editing theme templates.

But does not highlight the code editor in TinyMCE editor.

I compared the code that was being created by WordPress in both situations.

While in the Visual Editor, it inserts this code:

<a href="https://the_original_image_URL"><img class="size-medium wp-image-1254" title="The Image Title Here" src="https://theoriginalimageURL-300x180.jpg" alt="The Alt Label Here" width="300" height="180" /></a> The caption here.

While in the HTML Editor, it inserts this code:

<a href="https://the_original_image_URL"><img src="https://the_original_image_URL-300x180.jpg" alt="The Alt Label Here" title="The Image Title Here" width="300" height="180" class="size-medium wp-image-1254" /></a>

Clearly, there is a difference in how the code information is written. In the second–the one that displays the image correctly–the Caption Attribute is inside the opening shortcode tag. In the other, it is not. Everything else seems to be the same–attributes are in a different order, but that shouldn’t change anything.

Not only is the whacky code created while inserting images in the Visual Editor, but if the Visual Editor is used at ANY time to edit an existing post with images already in it, it will change the code there, too, and none of the images will display properly.

What the heck is going on???

I can easily go in and adjust the code to make the images display the way they are supposed to, but the clients I set the theme up for are not code-saavy. They need these WYSIWYG functions to work properly. That’s the whole point of creating a WordPress site for them—ease of editing without a great deal of code knowledge.

Here’s a link to a sample page, showing the problem:
https://www.serehd.org/test-post/

Any ideas anyone?

[Moderator Note: Please post code or markup snippets between backticks or use the code button. As it stands, your code may now have been permanently damaged/corrupted by the forum’s parser.]