TinyMCE всегда было немного сложно выровнять изображения. Либо тег выравнивания, либо добавление style = "float: left;" было ли это решением. В идеале я просто хотел бы добавить class = "left" или class = "right", чтобы я мог установить границы и поля изображения.
До сих пор единственным способом сделать это без использования плагина advimage было вставить изображение, затем выбрать его, выбрать стиль из меню стилей.
В идеале я должен иметь возможность использовать элемент управления выравниванием в диалоге изображения для установки класса выравнивания или использовать элементы управления выравниванием на панели инструментов в главном окне редактирования.
Я только что снова начал искать решение этой проблемы, теперь, когда IE6 наконец начинает умирать, я могу использовать атрибуты CSS в селекторах, поэтому
IMG[style="float: left;"] {}
Работает, но я бы предпочел использовать класс, если есть какие-либо другие атрибуты стиля, которые приведут к сбою селектора. И это не работает в IE6, и вы знаете, что некоторые корпоративные клиенты по-прежнему будут использовать эту чертову штуку!
Итак, я просмотрел документацию TinyMCE и нашел параметр конфигурации форматов, который, кажется, позволяет вам указать, как tinyMCE применяет код для различных операций. Здесь я могу добавить тег IMG в качестве селектора и иметь классы: «left» для функции alignleft.
Это применяет класс правильно, когда выравнивание выбрано на панели инструментов, но оно все еще записывает встроенный стиль, когда выравнивание выбирается в диалоге изображения.
Я делаю что-то не так или есть лучший способ сделать это, чтобы мои клиенты могли выбирать выравнивание изображения как в диалоге изображения, так и на панели инструментов, одновременно применяя к изображению класс?