Изменение цвета границ TinyMCE при фокусировке и размытии ⇐ Jquery

[Anonymous]

Я использую jQuery с TinyMCE. Я пытаюсь изменить цвета границ, когда редактор TinyMCE находится в фокусе, а затем при размытии изменить их обратно.

В ui.css я Я добавил/изменил это:

Код: Выделить всё

.defaultSkin table.mceLayout {border:0; border-left:1px solid #93a6e1; border-right:1px solid #93a6e1;}
.defaultSkin table.mceLayout tr.mceFirst td {border-top:1px solid #93a6e1;}
.defaultSkin table.mceLayout tr.mceLast td {border-bottom:1px solid #93a6e1;}

Мне удалось прийти к такому результату для сценария инициализации:

Код: Выделить всё

$().ready(function() {

function tinymce_focus(){
$('.defaultSkin table.mceLayout').css({'border-color' : '#6478D7'});
$('.defaultSkin table.mceLayout tr.mceFirst td').css({'border-top-color' : '#6478D7'});
$('.defaultSkin table.mceLayout tr.mceLast td').css({'border-bottom-color' : '#6478D7'});
}

function tinymce_blur(){
$('.defaultSkin table.mceLayout').css({'border-color' : '#93a6e1'});
$('.defaultSkin table.mceLayout tr.mceFirst td').css({'border-top-color' : '#93a6e1'});
$('.defaultSkin table.mceLayout tr.mceLast td').css({'border-bottom-color' : '#93a6e1'});
}

$('textarea.tinymce').tinymce({
script_url : 'JS/tinymce/tiny_mce.js',
theme : "advanced",
mode : "exact",
theme : "advanced",
invalid_elements : "b,i,iframe,font,input,textarea,select,button,form,fieldset,legend,script,noscript,object,embed,table,img,a,h1,h2,h3,h4,h5,h6",

//theme options
theme_advanced_buttons1 : "cut,copy,paste,pastetext,pasteword,selectall,|,undo,redo,|,cleanup,removeformat,|",
theme_advanced_buttons2 : "bold,italic,underline,|,bullist,numlist,|,forecolor,backcolor,|",
theme_advanced_buttons3 : "",
theme_advanced_buttons4 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_statusbar_location : "none",
theme_advanced_resizing : false,

//plugins
plugins : "inlinepopups,paste",
dialog_type : "modal",
paste_auto_cleanup_on_paste : true,

setup : function(ed) {
ed.onClick.add(function(ed, evt) {
tinymce_focus();
});

}

});

});

... но это (щелчок, изменение, цвет рамки) — единственное, что мне удалось заставить работать. Все остальные мои попытки либо не позволяли загрузить TinyMCE, либо просто ничего не давали. Я просмотрел вики-страницы TinyMCE и их форумы, но не смог собрать полную картину из небольших кусочков информации, разбросанных повсюду.

Есть ли на самом деле способ сделать это? Это что-то простое, что я просто не замечаю, или это на самом деле что-то действительно сложное в реализации?

Подробнее здесь: https://stackoverflow.com/questions/446 ... s-and-blur