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, время: 05:22. |