Я пытаюсь использовать в wymeditor те же стили, что и на моем веб-сайте. К сожалению, этот редактор практически не документирован, поэтому я не знаю, как это сделать.
документация предполагает, что вы можете использовать таблицу стилей, в которой вы определяете все в какую-то форму, и она будет проанализирована и использована в редакторе. Я мог бы сделать это, но только с классами (второе поле на правой панели). В документации есть пример, но только для классов, а не для контейнеров. Есть ссылка на полную таблицу стилей, но она не работает, и таблица стилей используемые в примерах определяют только классы, а не контейнеры.
Итак, как мне сделать, например, красный h1 в редакторе? Или хотя бы в предварительном просмотре.
Я был бы очень рад, если бы кто-нибудь связал или привел полный пример таблицы стилей, в которой контейнеры, такие как h1 и p, также отформатированы и используются в редакторе. Если это невозможно, каковы другие способы сделать это?
ИЗМЕНИТЬ:
Я мог бы внедрить CSS в iframe с помощью postInit:
postInit: function(wym) {
var $head = $(wym._box).find('iframe').contents().find("head");
$head.append($("<link/>", {
rel: "stylesheet",
href: costumIframeCss,
type: "text/css"
}));
}
Теперь единственное, что мне нужно, это сделать то же самое, что и в диалоговом окне предварительного просмотра. Возможно, с помощью postInitDialog(wym,wdw). Я еще не знаю как. Большая проблема заключается в том, что мне нужно отличать диалог предварительного просмотра от других диалогов.