Как это решено на этом сайте. Очень мешала конвертация символа & в & amp; Отключить ее можно в файле: assets/components/tinymce/jscripts/tiny_mce/tiny_mce.js. Там пользуемся поиском и ищем & amp; удаляем.
Для отключения выполнения сниппетов, чанков и TV просто ставлю пробел между первыми двумя квадратными символами, а на фронте удаляю скриптом:
<script type="text/javascript">
$(document).ready(function(){
$('textarea').each(function(){
var textarea1=$(this);
textarea1.html(textarea1.html().replace(/\[ \[/g,"\[\[").replace(/\] \]/g,"\]\]").replace(/\(\(\)\)/g,"\`").replace(/\]\] \]\]/g,"\]\]\]\]"));
});
$('p').each(function(){
var p1=$(this);
p1.html(p1.html().replace(/\[ \[/g,"\[\[").replace(/\] \]/g,"\]\]").replace(/\(\(\)\)/g,"\`").replace(/\]\] \]\]/g,"\]\]\]\]"));
});
});
$(document).ready(function(){
$(".view-source").find("p").click(function(){
$(this).next().toggle("showOrHide");
});
});
</script>
Есть еще одно решение, но к сожалению оно работает не для всех сниппетов. Заключается в объявлении сниппета или чанка тегом:
[ [*id:tag]]
Результатом выполнения на фронтенде будет:
[[*id]]
Использую редактор, как можно было понять ранее, TinyMCE. Он автоматически конвертирует теги в символы, что упрощает работу. Для красоты и скорости оформления я использовал стили TinyMCE (подробнее тут).