Редактор WYSIWYG в статическом блоке удаляет HTML-код
Я заметил, что редактор WYSIWYG в конфигурации статического блока случайным образом удаляет HTML-код внутри, в моем случае это слайдер изображения.
Я не уверен в причине: размер изображения, размер кода, законные символы, идентификация кода, пробелы и т. Д., Поскольку я знаю, что код на самом деле вообще не удален, если я поищу его в cms_block
, я нашел его в столбце content
, точно так, как я его закодировал, но редактор WYSIWYG всего несколько строк HTML (удаление элемента UL со всем внутри), и слайдер изображений не отображает изображения во внешнем интерфейсе. Иногда принимает код и работает, иногда нет.
Изображения в целом имеют размер всего 1 МБ и 850 пикселей x 310 пикселей... я думаю, это не дело.
Это в точности HTML-код внутри статического блока слайдера изображения:
<div class="slideshow-container">
<ul class="slideshow">
<li><a href="{{config path="><img alt="" src="{{media url="wysiwyg/slideshow/Banner_1.jpg"}}"/></a></li>
<li><a href="{{config path="><img alt="" src="{{media url="wysiwyg/slideshow/Banner_2.jpg"}}"/></a></li>
<li><a href="{{config path="><img alt="" src="{{media url="wysiwyg/slideshow/Banner_3.jpg"}}"/></a></li>
<li><a href="{{config path="><img alt="" src="{{media url="wysiwyg/slideshow/Banner_4.jpg"}}"/></a></li>
<li><a href="{{config path="><img alt="" src="{{media url="wysiwyg/slideshow/Banner_5.jpg"}}"/></a></li>
</ul>
<div class="slideshow-pager"> </div>
<span class="slideshow-prev"> </span>
<span class="slideshow-next"> </span>
</div>
После сохранения и возврата к редактированию я вижу следующий код:
<div class="slideshow-container">
<div class="slideshow-pager"> </div>
<span class="slideshow-prev"> </span>
<span class="slideshow-next"> </span>
</div>
И еще раз, я вижу весь HTML-код в поле content
из таблицы cms_block
MySQL.
Кто-нибудь может объяснить мне, что здесь происходит?
2 answers
У меня также возникла проблема с удалением кода Magento, хотя, похоже, причина может быть другой, и у меня есть обходной путь. Код, о котором идет речь, таков:
<div id="mqnb_main">
<a id="mqnb_link" href="#specials_element" onmouseup="mqnbCheck()"><span class="ci_if_linkspan"><p id="mqnb_text">View<br/>Specials</p></span></a>
</div>
...который превращается в:
<div id="mqnb_main">
<p id="mqnb_text">View<br/>Specials</p>
</div>
У меня нет полного доступа к Magento, поэтому моим единственным выходом (после отправки неэффективного электронного письма) было использование JavaScript, чтобы убедиться, что все элементы были там. Я добавил это в конце статического блока:
<script type="text/javascript">
document.getElementById("mqnb_main").innerHTML = '<a id="mqnb_link" href="#specials_element" onmouseup="mqnbCheck()"><span class="ci_if_linkspan"><p id="mqnb_text">View<br/>Specials</p></span></a>';
</script>
Причиной проблемы был неполный атрибут config path
, который редактор WYSIWYG удаляет после сохранения некоторых его изменений. Сохранение без уведомления неполного кода приводит к очевидному неправильному коду, который не будет отображаться. Насколько я понимаю, редактор WYSIWYG портит код, если атрибут href
содержит строку запроса, но пока не уверен, почему.
Весь статический блок HTML выглядит точно так:
<div class="slideshow-container">
<ul class="slideshow">
<li>
<a href="{{config path="web/base_url"}}catalogsearch/result/?q=maquillaje+zapatos+esmalte">
<img alt="Maquillaje Zapatos Esmalte de Uñas" src="{{media url="wysiwyg/slideshow/banner_1.jpg"}}" />
</a>
</li>
<li>
<a href="{{config path="web/base_url"}}catalogsearch/result/?q=esmalte">
<img alt="Esmalte de Uñas" src="{{media url="wysiwyg/slideshow/banner_2.jpg"}}" />
</a>
</li>
<li>
<a href="{{config path="web/base_url"}}catalogsearch/result/?q=converse">
<img alt="Zapatos Converse" src="{{media url="wysiwyg/slideshow/banner_3.jpg"}}" />
</a>
</li>
<li>
<a href="{{config path="web/base_url"}}catalogsearch/result/?q=chanel">
<img alt="Chanel" src="{{media url="wysiwyg/slideshow/banner_4.jpg"}}" />
</a>
</li>
<li>
<a href="{{config path="web/base_url"}}catalogsearch/result/?q=hogar+envases">
<img alt="Envases de Cocina" src="{{media url="wysiwyg/slideshow/banner_5.jpg"}}" />
</a>
</li>
<li>
<a href="{{config path="web/base_url"}}catalogsearch/result/?q=botas+zapatos+deportivos">
<img alt="Botines Zapatos Deportivos" src="{{media url="wysiwyg/slideshow/banner_6.jpg"}}" />
</a>
</li>
</ul>
<div class="slideshow-pager"> </div>
<span class="slideshow-prev"> </span>
<span class="slideshow-next"> </span>
</div>
Теперь обратите внимание на содержимое href
HTML атрибут.
(Спасибо Брайсу С. за небольшую помощь!). Если у кого-то была такая же проблема, пожалуйста, дайте мне знать.