TinyMCE растянуть на все окно 100%
Здравствуйте!
как TinyMCE Редактор растянуть на все окно чтобы при изменении размеров растягивалось? и по ширине и по высоте? в init width:"100%", - работает, растягивает по ширине нормально! height:"100%", - Не работает, а НАОБОРОТ скукаёживает его высоту до "нуля", поля редактирования текста невидно. |
Так вот чтобы был авторесайзинг при изменения размеров окна
Необходимо добавить обработку события:
tinyMCE.dom.Event.add(window,'resize',function(){
var p=tinymce.DOM.getViewPort();
tinyMCE.activeEditor.theme.resizeTo(
p.w-12,
p.h-173
);
});
|
Цитата:
И еще вопрос, как быть если у меня два эдитора на странице? Тут, в этом коде только для активного. Как сделать для всех? Спасибо заранее. |
Доброго времени суток.
Ребята, помогите разобраться. С вопросом выше разобрался. Все работает, хочу сделать теперь чтобы при загрузке код срабатывал, пока срабатывает только при ресайзе окна. Вот этот код работает
tinyMCE.dom.Event.add(window,'resize',function(){
//var p=tinymce.DOM.getViewPort();
var p = document.getElementById("overview-footer");
tinyMCE.get("editor1").theme.resizeTo(
Math.floor(p.clientWidth/2),
p.offsetTop - 172
);
tinyMCE.get("editor2").theme.resizeTo(
Math.floor(p.clientWidth/2),
p.offsetTop - 172
);
//console.log(p.clientWidth);
});
но, когда я вытягиваю из него эти два вызова, и вставляю или в jQuery ready, или просто в конец документа, всегда получаю ошибку tinyMCE.get("editor1") is undefined. Не могу понять почему. tinyMCE.init на этот момент отработал уже, почему undefined? При этом, при ресайзе окна все по-прежнему работает как нужно. Т.е. я хочу чтобы этот код отработал один раз при загрузке документа, а потом уже чтоб срабатывал себе по ресайзу окна (эта часть работает). Вот весь код (это в head секции)
<script type="text/javascript">
tinyMCE.init({
mode : "textareas",
theme : "advanced",
skin : "schoolmule",
theme_advanced_buttons1 : "bold,italic,underline,|,link,unlink",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
width : "100%"
});
tinyMCE.dom.Event.add(window,'resize',function(){
//var p=tinymce.DOM.getViewPort();
var p = document.getElementById("overview-footer");
tinyMCE.get("editor1").theme.resizeTo(
Math.floor(p.clientWidth/2),
p.offsetTop - 172
);
tinyMCE.get("editor2").theme.resizeTo(
Math.floor(p.clientWidth/2),
p.offsetTop - 172
);
//console.log(p.clientWidth);
});
tinyMCE.get("editor1").theme.resizeTo(
Math.floor(p.clientWidth/2),
p.offsetTop - 172
);
tinyMCE.get("editor2").theme.resizeTo(
Math.floor(p.clientWidth/2),
p.offsetTop - 172
);
</script>
|
| Часовой пояс GMT +3, время: 21:45. |