Добавить атрибут класса CSS в стандартный редактор изображений Umbraco

Question

Я новичок в Umbraco и только что обнаружил, что редактор изображений (тот, который включен в выбираемые редакторы для строк контента) не предоставляет способ ввода класса CSS. Это удивительно, учитывая, что в наши дни довольно стандартно использовать классы Bootstrap для стилей изображений (например, img-responsive). ПРИМЕЧАНИЕ. Я планировал добавить скриншоты из этого; однако мне дали сообщение, что я не могу этого сделать, пока я не заработаю 10 вещей или других очков. ЭТО НЕ ПОМОЩЬ НОВЫМ ЧЛЕНАМ!

Хотя я понимаю, что могу установить класс в Umbraco UI на содержащем столбце div, это не идеально. Я также понимаю, что я мог бы использовать Rich Text Editor, но это, похоже, слишком велико для столбца, предназначенного только для содержания изображений.

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

Кто-нибудь сделал эту модификацию для вашей собственной реализации Umbraco, и если да, то могли бы вы посоветовать мне, как я могу это сделать?

Answer 1

Узел выбора изображений просто хранит идентификатор изображения, зависит от вас, как вы его визуализируете, если классы одинаковы для всех изображений в столбце, вы можете просто назначить класс в представлении/частичном который отображает изображения.

Если вы хотите иметь разные классы для каждого изображения, а не модифицировать встроенный инструмент выбора изображений, лучше всего создать новый редактор свойств. Здесь есть учебник по этому вопросу: https://our.umbraco.org/documentation/tutorials/Creating-a-Property-Editor/. Изменение встроенного в него приведет к возникновению проблем, если вы когда-либо обновите Umbraco (ваши изменения будут перезаписаны). Но редактор настраиваемых свойств не будет затронут, и вы также можете использовать его на других сайтах Umbraco, которые вы создаете!