Magento

Images are not appearing in magento cms editor

I worked on a magento project on which cms images were not appearing in editor and also on front end.
CMS editor was getting image urls like http://your-websitelink.com/media//imagename.ext because of double slashes (//) images weren’t appear on front end as well as in cms editor.

I searched on internet but didn’t get any useful info that can solve this issue so I came up with a solution to use php functions to handle this.
Open file /httpdocs/app/code/core/Mage/Adminhtml/controllers/Cms/WysiwygController.php
Change $url variable from

$url = Mage::getModel('core/email_template_filter')->filter($directive); 

To

$url = substr_replace(Mage::getModel('core/email_template_filter')->filter($directive),"",strrpos(Mage::getModel('core/email_template_filter')->filter($directive),"/"),1);

Save it.

For front end I made static blocks for different images for different pages in left column those had same issue I fixed it same as above but used static block code as following.

$block = substr_replace($this->getLayout()->createBlock('cms/block')->setBlockId('block-name')->toHtml(),"",strrpos($this->getLayout()->createBlock('cms/block')->setBlockId('block-name')->toHtml(),"//"),1);
echo $block;

By above statements image url will not have double slashes.

websourceblog

ReactJs, NodeJs, Amazon Web Services, Symfony, Laravel, CodeIgniter, Zend Framework, WordPress, Drupal, Magento, Angular

View Comments

  • Often people don't realise how much time and efforts it takes to write such an excellent post. But I do! And I honor your efforts!

  • Thanks , I have recently been searching for information approximately this topic for front end static block cms I’ve came upon so far

  • Thanks for the helpful post.

    As you mentioned above i have changed the code in /httpdocs/app/code/core/Mage/Adminhtml/controllers/Cms/WysiwygController.php file to make the image visible on cms editor. But i still having the same issue. Could you please help me to fix this issue.

    Thanks in Advance!

Recent Posts

Developing a RESTful API with Node.js, Express.js, MongoDB, and TypeScript

The ability to create reliable APIs is essential in today's web development environment. I'll show…

4 weeks ago

XML in REST API response and SOAP XML.

The difference between XML that we get in response to any REST API and XML…

6 months ago

How to install and configure Apache2 on WSL2?

I hope you already have WSL2 installed and enabled. So, setting up Apache2 on WSL2…

10 months ago

How to install NVM on Windows?

Install NVM on Windows Node Js is a JavaScript runtime environment used widely in today’s…

11 months ago

How to reset WSL 2 user’s password?

You can easily reset WSL 2 users' password, by just following the following steps. Open…

1 year ago

DreamHost Web Hosting

DreamHost a web hosting company, founded in 1997. It is offering sort of hosting services,…

2 years ago