Tiny_mce - 无法设置宽度

时间:2012-12-18 19:13:58

标签: javascript jquery css tinymce

首先我要说的是,我很清楚这是一个重复的问题 - TinyMCE width and height disobedient!

麻烦的是我已经尝试了所有css fixe建议无效,我没有使用init(我发现的文档告诉你设置你的宽度和高度) - 我不知道为什么,我这样做了前。 这是在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
            });

请有人告诉我如何让这个该死的东西500px宽。我试过这个(什么都不做):

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

尝试将其放入我的代码中的常规选项中:

width:"500",

尝试将textarea的列设置为2

尝试使用!important:

设置以下元素的css宽度
id=desc_mce_parent,  id="desc_mce_tbl"

我已将resizing设置为false

无论我做什么都没有变化 - 为什么?

1 个答案:

答案 0 :(得分:0)

好的......我觉得有点白痴说这个,但在我的情况下,这是因为我的工具栏太大了。我通过将按钮分布在三个工具栏上来解决这个问题 - 您可以使用css设置宽度,但它不会比工具栏小,而且它们不会环绕(看起来这可能是一个很好的功能)。