Magento – No WYSIWYG editor in Magento 2

magento-2.1tinymcewysiwyg

Currently I am developing an extension for Magento 2.1 and have incorporated a wysiwyg editor for some fields in that extension. Testing it in Chromium ( or Chrome ) works like a charm.

However when I tried it in Firefox, or Edge, there was no wysiwyg modus, though I didn't change settings in configuration.

Next I tried the already present wysiwyg fields in core extensions -like the field Description, area Content, in Categories- and found the same problem. No wysiwyg mode for any field in Magento 2.1 in Firefox nor Edge, though in Chromium there was no problem.

What I'd like to know is this a known issue, have anyone other the same problem? Or am I missing some sort of setting?

Forcing my customers to use only Chromium ( Chrome ) is not the answer imho.

Best Answer

It's a magento bug that you are facing but If you hard refresh that page for two or three times and check the editor It can be work

Thank You

Related Solutions

Magento 1 – Cannot Edit Widgets in WYSIWYG Editor Anymore

Apparently it is not related to the patch, but to the latest Chrome update (Chrome 58) which got rolled out around the same time. TinyMCE uses deprecated features that were removed in that version.

Magento 2.0 and 2.1 are affected as well (see: https://github.com/magento/magento2/issues/9518)

It seems to be a problem with images in general, here's a related issue in the TinyMCE project: https://github.com/tinymce/tinymce/issues/3611 TinyMCE 4.6 fixes the issue.

Now you have the following options:

replace the bundled TinyMCE version with 4.6 or newer
wait until Magento releases a patch that updates TinyMCE and until then use other browsers (currently only Chrome seems to be an issue) and hope that they don't remove the deprecated features that soon.

Magento – Programmatically create a wysiwyg editor for frontend magento 2.3

First of all you have to create a text area field like below :

<textarea id="company_description" name="company_description">
</textarea>

Then add below script to load jQuery and WYSIWYG editor and then assign to textarea having id company_description :

<script>
    require([
    "jquery", 
    "mage/translate", 
    "mage/adminhtml/events", 
    "mage/adminhtml/wysiwyg/tiny_mce/setup"
    ], function(jQuery){
        wysiwygcompany_description = new wysiwygSetup("company_description", {
            "width":"99%",  // defined width of editor
            "height":"200px", // height of editor
            "plugins":[{"name":"image"}], // for image
            "tinymce4":{"toolbar":"formatselect | bold italic underline | alignleft aligncenter alignright | bullist numlist | link table charmap","plugins":"advlist autolink lists link charmap media noneditable table contextmenu paste code help table",
            }
        });
        wysiwygcompany_description.setup("exact");
    });
</script>

Now you can see editor on textarea field at frontend. Reference : https://webkul.com/blog/add-wysiwyg-editor-at-front-end-in-magento2-3/

Best Answer

Related Solutions

Magento 1 – Cannot Edit Widgets in WYSIWYG Editor Anymore

Magento – Programmatically create a wysiwyg editor for frontend magento 2.3

Related Topic