WYSIWYG editor inserting " instead of correct " in 2.3.0 when we use any anchor tags

Question

I am facing an issue with Magento 2.3.0+ WYSIWYG editor inserting " instead of correct " and also when we write like <a href="{{store_url}}sales/guest/form/">Orders and Returns</a> after saving it is displaying <a href="{{store_url}}">Orders and Returns</a> Could any one please help me out?

Answer 1

Click on Show/Hide editor once you land on edit page.

<ul class="footer links">
    <li class="nav item"><a href="{{store url="about-us"}}">About us</a></li>
    <li class="nav item"><a href="{{store url="customer-service"}}">Customer Service</a></li>
</ul>

Now add code like I suggest you, and modify it with your requirement.

Answer 2

After many searches I have concluded with my test with "Enable WYSIWYG Editor" set it to Disable Completely.

Due to this, We will have simple Editor with default buttons for insering variables and widgets that is more usefull than buggy editor.

After disabling it we will have this like

We can disble it from

Answer 3

The solution for the issue of the double quotes being changed into " is as following (scroll down to go directly to the solution).

From Magento docs: https://docs.magento.com/m2/ee/user_guide/marketing/markup-tags-links.html

When used with an anchor tag, the markup tag is placed inside the double quotes of the anchor. To avoid confusion, you can alternate using single-and double quotes for each nested set of quotes.

Example WITH forward slash at the end, so additional references can be appended as a path.

<a href="{{store url='apparel/shoes'}}">Shoe Sale</a>

Example resulting in frontend url WITHOUT trailing slash:

<a href="{{store direct_url='contact'}}">Contact Form</a>

However, It's NOT working in our case.

This is what Tiny MCE makes of single quotes: http://example.com/%E2%80%99contact%E2%80%99

Solution: What works however, is when I omit the (single or double) quotes like this:

<a href="{{store direct_url=contact}}">

Although Magento recommends single quotes, this works just fine.

Answer 4

This is javascript code that'll handle pasting the output of your javascript code directly in to the wysiwyg and therefore rendering it correctly on the frontend:

tweet = tweet.replace(/&/g, '&')
.replace(/</g, '&amp;lt;')
.replace(/>/g, '&amp;gt;')
.replace(/"/g, '&amp;quot;');

I'm taking content input from the admin backend so I trust my content not to have script tags and stuff. You should be extra precautious around escaping when dealing with any input you don't control.