2012-12-18 85 views
3

讓我先說我深知這是一個重複的問題開始 - TinyMCE width and height disobedient!Tiny_mce - 不能設置寬度

麻煩的是我已經嘗試了所有的CSS定勢建議無濟於事,我不使用初始化(我發現的文檔告訴你設置你的寬度和高度) - 我不知道爲什麼,我前段時間做過。 這是其在的fancybox的aftershow事件正在啓動的MCE代碼:

$('textarea.tinymce').tinymce({ 
      // Location of TinyMCE script 
      script_url: '/assets/js/common/tiny_mce/tiny_mce.js', 

      // General options 
      theme: "advanced", 
      plugins: "autolink,lists,pagebreak,table,advlink,iespell,inlinepopups,insertdatetime,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,template,advlist", 

      // Theme options 
      theme_advanced_buttons1: "undo,redo,|,cut,copy,paste,|,bold,italic,underline,|,forecolor,|,justifyleft,justifycenter,justifyright,justifyfull,|,sub,sup,|,formatselect,fontsizeselect", 
      theme_advanced_buttons2: "tablecontrols,|,charmap,iespell,|,cite,abbr,acronym,|,bullist,numlist,|,outdent,indent,blockquote,|,link,unlink,|,fullscreen", 
      theme_advanced_toolbar_location: "top", 
      theme_advanced_toolbar_align: "left", 
      theme_advanced_statusbar_location: "bottom", 
      theme_advanced_resizing: false 
      }); 

請人,告訴我如何讓這個該死的東西寬500像素。我想這(什麼都不做):

.mceEditor > table { 
    width:500px !important; 
} 

試圖把這個一般選擇在我的代碼:

width:"500", 

嘗試設置文本區域的列2

嘗試設置的CSS寬度重要的以下元素:

id=desc_mce_parent, id="desc_mce_tbl" 

我已設置調整大小爲假

無論我做什麼都不會改變 - 爲什麼?

+0

瘋狂的猜測:看看你是否可以在該選擇器中的某個地方使用ID(例如'#someContainer> .mceEditor> table {...}',因爲你的類選擇器將被任何ID選擇器覆蓋。 – jbabey

+0

@jbabey感謝該建議,只是嘗試過,但沒有快樂......這幾乎是時間nicedit – WebweaverD

+1

+1我建議你發佈你的答案作爲答案,並在兩天後接受它 – Thariama

回答

0

好吧......我覺得有點白癡這麼說,但在我的情況下,這是因爲我的工具欄太大了。我通過將按鈕分佈在三個工具欄上解決了這個問題 - 您可以使用css設置寬度,但不會比工具欄更小,並且它們不會環繞(似乎可能是一個很好的功能)。