CKEditor не применяет встроенные стили к ссылкам - PullRequest
3 голосов
/ 10 июня 2010

Я использую ckeditor версии 3 в качестве текстового редактора для создания разметки для отправки по электронной почте.Это означает, что у меня должны быть все встроенные стили, и все, что нужно стилизовать, определенно нуждается в применении стиля.

В настоящее время я использую addStylesSet для создания пользовательских стилей, которые можно применять к элементам.У меня проблема в том, что, хотя это работает на большинстве элементов, стили, кажется, не применяются к <a> <ol> <ul> и <li>

Мне действительно нужно иметь возможность применять inlineстили для этих элементов, а также.Я просматривал примеры на сайте ckeditor, но даже они, кажется, просто обертывают <span> вокруг ссылки.

Можно ли в любом случае применить встроенные стили к тегам <a> или, если это не удалось, могу ли я дать ckeditor набор классов, которые можно применить к любому тегу (как это делает TinyMCE со ссылкой на внешний CSSфайл)?так, чтобы я мог по крайней мере сделать текстовое место на них, чтобы стили были встроены?

Я не вставил сюда никакого кода, потому что он точно такой же, как и на сайте ckeditor .

Ответы [ 2 ]

3 голосов
/ 11 июня 2010

В случае, если кто-то, имеющий такую ​​же проблему, видит мой вопрос, именно так мне удалось обойти его.

CKEDITOR.addStylesSet( 'my_styles',
[
    { name : 'Red', element : 'a', attributes : { 'style' : 'color:#f00;text-decoration:none;' } }
]);

CKEDITOR.config.stylesCombo_stylesSet = 'my_styles';

Просто используйте attributes вместо style для определения объявлений стиля, а затем наведите его на комбинированное окно стиля.

Я думаю, это очевидно, когда вы думаете об этом:)

1 голос
/ 26 августа 2011

Позднее, но после долгих исследований я нашел более чистое решение.

Обновив файл /plugins/image/dialogs/image.js с помощью кода в блоке ниже, CK Editor будетиспользуйте встроенные стили, а не теги "style: blah", которые не подходят для работы с электронной почтой.Это «глобальное» решение, поэтому вместо того, чтобы беспокоиться о каждом отдельном стиле, оно позволяет CK использовать атрибуты изображения, цвета, размер и многое другое в более удобных для электронной почты старых форматах HTML.

В результате получаетсяWYSIWYG-редактор, который почти идеально подходит для приложений редактора электронной почты, а также единственное найденное мной решение, которое на 100% устраняет проблему перетаскивания из Microsoft, создавая УЖАСНУЮ дополнительную разметку.

...