В конечном итоге все заработало! Подвох заключался в том, чтобы в CSS файле в точности воспроизвести стиль, используемый в свойстве объекта. В моем случае был лишний пробел и ненужный знак препинания. Как только исправил "float: left;" на "float:left", рецепт заработал. Спасибо!
Роман, спасибо за совет. Я понимаю вашу мысль, но мне решение с классами не подходит. Даже если мой редактор может раздавать классы, я не хочу заставлять пользователей вручную прописывать их в редакторе. Должно быть более простое решение. Если я его найду, обязательно здесь напишу.
Извините, я не понял, как этот скрипт работает. Я вставил нужные фрагменты в файлы .css и .html (код скрипта обернул в таги и поместил в конце страницы. Но что-то не взлетело. Может, вместо '.article__content img' надо что-то свое подставить?
Еще я не понял принцип работы вашего алгоритма. У меня такое впечатление, что он просто чередует изображения, присваивая поочередно то левое выравнивание, то правое. Это не то, что мне нужно. Нужно следующее:
Если изображение выровнено по левому краю (хардкодом в HTML коде) , то в CSS файле присваиваем ему стиль margin: 0 2rem 0 0. Если изображение выровнено вправо , то в CSS файле стиль будет margin: 0 0 0 2rem.
Чередование изображений не имеет здесь никакого значения, только их стиль, зашитый в коде страницы..
У меня текст верстается с помощью rich text editor (CREditor), наподобие того, в котором я сейчас пишу это сообщение. Классы туда добавить вручную пользователь не может. Все, что он может, это указать для блока выравнивание (float:left, float:right). Нужно чтобы CSS стиль эти варианты смог различать и менять свое поведение нужным образом.