2012-03-25 5 views
0

스크린 샷에 문제가 표시됩니다 : toolbar/content height.Wordpress tinymce 편집기 높이 버그

enter image description here

tinymcse 관련 코드 :

$("iframe[id$='_ifr']").height(500); // this not works 

모든 TinyMCE에 프레임이 _ifr하지만 행운으로 끝나는 때문에 :

// wordpress plugin: 

add_filter('admin_head', array($this, 'editor_tiny_mce')); 
add_filter('tiny_mce_before_init', array($this, 'change_mce_options')); 

function editor_tiny_mce() 
{ 
    wp_enqueue_script('common'); 
    wp_enqueue_script('jquery-color'); 
    wp_print_scripts('editor'); 
    if (function_exists('add_thickbox')) 
    { 
     add_thickbox(); 
    } 
    wp_print_scripts('media-upload'); 
    if (function_exists('wp_tiny_mce')) 
    { 
     wp_tiny_mce(); 
    } 
    wp_admin_css(); 
    wp_enqueue_script('utils'); 
    do_action("admin_print_styles-post-php"); 
    do_action('admin_print_styles'); 
} 

function change_mce_options($init) 
{ 
    $init['height'] = '480px'; // this not works 
    return $init; 
} 

// html code 

<?php 
echo the_editor(stripslashes($pages_about_us_content), 'pages_about_us_content'); 
?> 

내가 너무이 코드로 해결했습니다. 이것은 편집기가 하나의 도구 모음 만 표시 할 때 발생합니다.

어떤 조언을 환영합니다.

+0

도움이 될만한 답변이 있으시면 http://stackoverflow.com/questions/1653009/how-do-i-set-a-jat-ry-tooltip-from-a-database-on-server-side – elclanrs

+0

@elclanrs 관련이 없다! –

답변

0

이 시도

add_filter('admin_head', 'editor_tiny_mce'); 
function editor_tiny_mce(){ 
?> 
    <style> 
    table td.mceToolbar{ 
     height:100px !important; 
    } 
    </style> 
<?php 
} 

enter image description here

의 스크린 샷이 200 픽셀의 높이로 촬영되었습니다 (단지 전용 편집기의 도구 모음 크기에 대한 귀하의 functions.php 내부에이 코드를 추가)하고도 height:auto !important;을 시도 할 수 있습니다 참고 : 'wp_enqueue_style'기능을 사용하여이 코드로 CSS 파일을 대기열에 추가 할 수도 있습니다.

+1

필자는 더러운 해결책을 발견했다고 생각합니다. 어쨌든 나는 플러그인을 만들고 있습니다. 'functions.php'를 해킹하면 훨씬 더 지저분 해집니다! THX :) –

+0

죄송합니다. 그 플러그인에 대한 통지하지 않았다. –

+0

글쎄, 난 당신이 CSS 파일을 사용할 수 있다고 생각하고 그 CSS 규칙을 wp_enqueue_style을 사용하여 CSS 파일을 추가한다면 그것은 해결 될 수도있다. 단지 해결책이 없는데 도움이된다고 생각할 때 내 생각이다. 감사. –