Tips To Fix Some Issues in Magento WYSIWYG Editor

Magento is the most popular ecommerce development platform of today and is used by many business organizations and enterprises to create their business website. It is because of its numerous features and functionalities that the platform is the first choice of even the developers.

Magento WYSIWYG editor is a great tool that offers the clients to have full control over their web content, allowing them to create and edit pages very easily in a visual way. The tool helps to format the text or HTML code accordingly. However, this is not a simple task as it needs inserting some CSS and Javascript to make the editor function.

I recently came across some issues with the Magento Code Editor that magento wysiwyg editor insert image  was not working while inserting images by using the WYSIWYG editor .

I hope this post may be a good resource for the developers, so continue reading and learn more about some of the issues with the editor and how you can solve it.

The Way Magento Handles Thumbnails:

There is a bug in the process Magento handles the thumbnails that are displayed when one chooses to insert an image on the page. With clients having 1000s of images, the performance is unacceptable.

The process should be that, once a thumbnail is generated, it should be cached for further use. But the code for this has a problem and Magento re-generates each thumbnail every time they are displayed in the browser. So, the best practice is to create a new module in the local code directory rather than editing the existing Magento code. With this done, you should be able to notice the difference in the performance of the functionality of the module.

WYSIWYG Editor Removes Indentations:

At times, it becomes important to use advanced HTML markup to style a page, but Magento editor removes the indentations every time you save. This makes it difficult to keep a track of the closing tags and it takes a lot of time to look for the correct tags and find the specific spot to place the new code.

To save your time, it is best to plan the page’s layout and build the HTML structure. The advantage of this is that you can have a clear view of what is going and it forces you to choose names carefully for your classes and identifiers. Though you may need to spend some extra time to think about the class and identifiers names, but it saves a lot of your time when other developers work on the code and they can easily identify and locate classes. This makes the workflow faster than before.

While concluding, I would say that if you spend some time to make some small changes initially, then the performance of the editor will be high and you will not face any annoying problems later.


  • Fine content, excellent to see individuals taking some sociable responsibility.

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge