пришлось немного помаяться и доработать эту функцию под конкретно TinyMCE.
CSS:
<style type="text/css">
<!--
#comment_tbl{height:auto !important} /* фикс: превращает фиксированную высоту таблицы редактора в нормальную */
tr.mceFirst{display:none} /* скрывает панель форматирования по умолчанию, раньше чем срабатывает скрипт */
.jscTreeAct{display:block !important}
.jscTreeNoAct{display:none}
-->
</style>
JavaScript:
<script type="text/javascript">
function CourseDisplay() {
d = document.getElementById('comment_tbl').getElementsByTagName('TR')[0]; // получает адрес нужной строки по ID таблицы и порядковому расположению строки
im = document.getElementById('editor_exp'); // получает доступ к ссылке раскрытия спойлера по ID
if (d.className == "mceFirst jscTreeAct"){
d.className = "mceFirst jscTreeNoAct"
im.innerHTML = 'Форматирование';
} else {
d.className = "mceFirst jscTreeAct"
im.innerHTML = 'Свернуть форматирование';
}
}
</script>
элемент, на который будут кликать - вызывает JS-функцию "CourseDisplay":
<a href="#" id="editor_exp" onclick="CourseDisplay(); return false;">[Форматирование]</a>
сам элемент, который нужно скрывать динамичный, то есть он генерируется непосредственно самим JavaScript редактора, по этому его нельзя увидеть статично в шаблонеформы, только в фаербаге, например, и выглядит этот код примерно так:
<table id="comment_tbl" class="mceLayout">
<tr class="mceFirst">
<td class="mceToolbar"> </td>
</tr>
<tr class="mceLast">
<td class="mceIframeContainer> </td>
</tr>
</table>
26.02.2020, 11:07:53