2013-12-13 5 views
1

На моей странице есть 3 редактора tinymce на разных вкладках. Я хочу увеличить высоту iframe определенного типа.Как увеличить высоту tinymce Iframe?

и эти редакторы находятся в модальном поле. Когда я нажимаю кнопку, он открывает разные вкладки.

Я включил мой content_css в tinymce.yml файле

mode: "exact" 
selector: "textarea.tinymce" 
theme: "modern" 
#encoding : "xml" 
convert_urls: false 
content_css: "/assets/my_tinymce.css" 

Я добавил свой CSS в этом my_tinymce.css, но он не работает.

Также добавлен код jquery на той же странице, чтобы изменить высоту с помощью jquery, но не получил никакого успеха.

jQuery(document).ready(function(){ 
    $("#iframe_id_of_selected_tinymce").css("height","300px"); 
}); 

, пожалуйста, помогите.

ответ

3

Наконец получил решение, добавьте следующее линий на вашей странице. который создаст конкретный класс для конкретной текстовой области.

<script> 
    tinyMCE.init({ 
     mode : "specific_textareas", 
     editor_selector : "my_tinymce", 
     height : "300px" 
    }); 
</script> 

и добавьте этот класс my_tinymce в текстовое поле, которое вы хотите.

<textarea rows="10" name="textarea" id="textarea" cols="180" class="my_tinymce" aria-hidden="true"></textarea> 
1

вы можете попробовать:

$("#iframe_id_of_selected_tinymce").height(500); 

я думаю, что проблема с кодом JQuery является полу двоеточие в «300px;», вам не нужно, что

+0

Да, я исправил свою точку с запятой, также попробовал ваше решение, но не работал. – Ashwini

Смежные вопросы