How to beat tag replacement in wordpress?

Question

WordPress

Hello again. I think we all know how the visual editor in WordPress works with p and br, and in general how terrible it is in terms of code replacement. I faced such a problem - there are cards on the site, and the link should be to the entire block

<div class="card ves" onclick="location.href='program#1'">
<div class="overlay">
<div class="image"><img class="alignnone size-full wp-image-23" src="http://eatness.ru/wp-content/uploads/2016/01/ves.jpg" alt="balans" width="325" height="194" /></div>
<p class="titlecard">Снижение веса</p>
</div>

Вот такой код сейчас у меня, изначально див был обернут в /a/ но вордпресс наглухо его удаляет.
Проблема в автоформатировании как я понял. По гуглу находил только как удалить функцию замены p br.
Если бы не желание заказчика менять все в визуальном редакторе, никаких бы проблем. А так каждый раз дописывать после нее onclick это конечно жесть. Да и захочет она когда нибудь ссылки поменять - опять мне лезть? не вариант, надо как то все таки заставить его не удалять /a/. Что можете подсказать?) Знаю, самое очевидное - выкинуть вордпресс, но это тоже желание заказчика(

Answer 1

День добрый.
Вам нужен вот такой плагин https://wordpress.org/plugins/raw-html/

Answer 2

Вам нужно в TinyMCE добавить список разрешенных аттрибутов. Вот так примерно:
https://vip.wordpress.com/documentation/register-a...
И удаление по-умолчанию в TinyMCE аттрибутов - штука не лишняя, уж поверьте. Особенно, если какая-нибудь девочка-редактор наполняет сайт, копируя инфу с других сайтов, где как раз могут быть прописаны всякие onlick и т.п. Ведь в редактор вставится всё, включая html-разметку. А потом окажется, что на сайте-доноре в onclick какой-то криворукий верстала впихнул отправку формы или еще что нибудь. Будете потом гадать - почему это при клике на казалось бы обычную ссылку в посте у вас ошибки в консоли.