Clear

Это редактор чистит стили.

Не знаю TinyMCE меня вообще выбешивает )). Redactor гораздо лучше по мне. Единственный косяк что он постоянно ставит неразрывный пробел если вставляешь скопированный текст и постоянно возвращает вверх (тут тоже раздражает), В остальном все ок. Сделал себе несколько шаблонов блоков, и просто можно вставлять их уже готовые в любое место. Когда текст длинный панель закреплена вверху, тоже удобно. Плюс при вставке текст очищает все от стилей и ссылок, это супер. Я даже иногда его использую ка чистильщика )
А вообще я очень жду редкатор как на VC  "Editor.js". По мне это идеальный на сегодняшний день, гибкая работа с блоками, галереями и прочим в самом тексте. Можно оформить конфетку ))

Можете не париться просто параграфом прописать текст под фото задав ему класс самостоятельно через просмотр кода. А классу добавить нужные стили в файле стилей. Я так делаю пока
.

ДА это проблема, сам давно ищу такой компонент. Я даже покупал у кого то, но после обновления он перестал работать, нужно поискать

Обратился к чату ГоПоТа4
Он мне сказал ))) 😀

Это можно сделать, создав новый элемент DOM и добавив его в нужное место на странице. Ниже приведён пример, как это сделать для отображения текста из атрибута alt изображения.

Пример на чистом JavaScript
HTML:

<img id="myImage" src="image.jpg" alt="Описание изображения">
<!-- Предполагаем, что здесь нет изначального <div> для текста alt -->

JavaScript:

document.addEventListener("DOMContentLoaded", function() {
    // Находим изображение по ID
    var img = document.getElementById("myImage");
 
    // Создаём новый элемент <div>
    var div = document.createElement("div");
 
    // Получаем текст атрибута alt изображения
    var altText = img.getAttribute("alt");
 
    // Устанавливаем текст в созданный <div>
    div.innerHTML = altText;
 
    // Добавляем <div> на страницу прямо после изображения
    img.parentNode.insertBefore(div, img.nextSibling);
});
 

В этом примере сначала находится изображение по его id, затем создаётся новый элемент <div>. В созданный <div> добавляется текст из атрибута alt выбранного изображения. После этого новый элемент <div> добавляется на страницу непосредственно после изображения.

Этот метод позволяет динамически добавлять элементы на страницу, что особенно полезно, если структура вашего HTML документа может изменяться или если вы хотите добавлять описания к изображениям только при определённых условиях.

Не знаю, не видел такого, возможно какое то поле это подтягивает, просмотри еще раз какие поля связанные с медиафайлами и как настроены. Можно еще глянуть само меню действий, но это вряд ли.

Очень интересно, это что за контент из 40 полей? МОжет лучше некоторые поля в свойства перевести.

Есть готовое дополнение ищите. И судя по отзывам той статье 5 лет почти, но она актуальна.

А точно после обновления? Может просто доступ посмотреть ?

Ох ты ж емаё )). Что за ужас 😁. Ты действительно думаешь что в таком формате кто то что то разбирать станет. Во первых для начала сделай отформатированный код, во вторых представь его под раскрывающийся блок, и в третьих, пробуй добавлять не весь код стилей, а по по несколько блоков и проверяй по шагам. Дойдя до точки когда начинается сбой все станет понятно. Я бы так действовал.

Zau4man, Вот спасибо! Так и думал что, что-нибудь в этом роде. Через админку создавал скрытое поле. поменял в базе на INT и всё заработало.

А что в админке изменить сложнее было чем лезть в БД? )))

Что то я вас не понял, зачем вобще трогать шаблон вывода и назначать классы? Достаточно в файле CSS прописать так как я показал без затрагивания других файлов шаблона. CSS сам разберется четная это или нечетная запись.

.blog .post:nth-child(odd) — это для чётных
.blog .post:nth-child(even) — это для не четных

Если прям рабочий из движка по быстрому то (черновые) стили будут выглядеть так 

.content_list .content_list_item:nth-child(even) {
    display: flex;
    flex-direction: row-reverse;    
}

Это уже отработает. Поясняю, этот код будет работать для ВСЕХ списков ТК на сайте, поэтому если вам нужно только для определенного ТК, тогда вперед нужно будет добавить его класс, например ТОЛЬКО для статей

.articles_list .content_list_item:nth-child(even) {
    display: flex;
    flex-direction: row-reverse;    
}

где articles это системное имя ТК. Эти четыре строчки сделают то что вы хотели )). Ну можно много чего сделать одними стилями. 90% визуального вывода решается с помощью CSS. Изучайте ))

Легко, стилями CSS. Как пример. Можно либо через Flexbox либо через Grid. Примеры ниже. Хотя для этого есть Поисковики. Лично я предпочитаю Гриды нежели флексы, он гибче гораздо, но Инстант на флексах если что.

1. Flexbox 

.blog .post {
    display: flex;
    align-items: center;   
}
 
.blog .post:nth-child(odd) {
    flex-direction: row; /* для нечетных записей */
}
 
.blog .post:nth-child(even) {
    flex-direction: row-reverse; /* для четных записей */
}

2. Grid

.post {
    display: grid;
    grid-template-columns: 100px 1fr; /* Примерная ширина изображения и оставшееся пространство для описания */
    grid-template-areas: "image description"; /* По умолчанию изображение слева, описание справа */
    align-items: center;
}
 
.post:nth-child(even) {
    grid-template-areas: "description image"; /* Для четных записей меняем местами изображение и описание */
}

Естественно классы.blog и .post мы меняем на свои. А еще лучше создать для этого свой шаблон вывода для списка записей.

Зачем так усложнять, я статью читал и сам оплачивал через виртуальную карту. Вот эта статья 

Через редактор кода либо настройка поля через редирект