Как применить CSS, добавленный в заголовке страницы, крошечному mce?

Question

Я хочу применить некоторые классы к редактируемому элементу в экземпляре mce, который будет добавлен к тегу style в head во время выполнения.Имя класса добавляется к элементу, который редактируется внутри крошечного mce, но я не вижу эффекта применяемого стиля.Нужно ли что-то делать с init?Как я могу сослаться на таблицу стилей, добавленную в заголовок тега самой страницы в content_css?Могу ли я добавить несколько css крошечному mce?

Заранее спасибо

Answer 1

Нет, вам не нужно менять init, но вам нужно вызывать код при выполнении действий, которые вы хотите изменить css.

Вы можете добавить несколько css к tinymce, используя следующий фрагмент кода (foreach css):

iframe_id = (ed.id == 'content_ifr') ? ed.id : ed.id+'_ifr';
css = "http://mydomain.com/css/mycss.css";

with(document.getElementById(iframe_id).contentWindow){
    var h=document.getElementsByTagName("head");
    var newStyleSheet=document.createElement("link");
    newStyleSheet.rel="stylesheet";
    newStyleSheet.href=css;
    h[0].appendChild(newStyleSheet);
}

Ссылка на content_css не сильно вам поможет (по крайней мере, когда классы, которые вы хотитеприсваивать еще не сюда).Вытягивание css-файлов из вашей головы, вероятно, сработает.