2012-12-18 134 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设置宽度,但不会比工具栏更小,并且它们不会环绕(似乎可能是一个很好的功能)。