tinymce - 如何使用tinymce设置textarea的宽度？

Question

我尝试了几种方法来设置tinymce textarea的宽度。

我的第一次尝试:

height: '200px',
width: '220px'   // inside tinyMCE.init({

在第二次尝试中:

<textarea name="editorial" cols="40" rows="20" id="editorial" style="width: 40em; height: 20em"><?=$row['editorial']?></textarea>

但是，我仍然无法按照我的要求获得宽度。

请问有什么想法吗？

Answer 1

我认为问题可能出在您的 TinyMCE init 函数中的工具栏上。

试试这个例子，让我知道它是否适合你？

在您的 HTML 中:

<textarea name="editorial" class="test" cols="40" rows="20" id="editorial" > editorial</textarea>

然后在你的 JavaScript 中使用这个 tinyMCE.init:

    tinyMCE.init({
        // General options
        mode: "textareas",
        theme: "advanced",
        width: "300",
        height: "200",

        // Theme options
        theme_advanced_buttons1: "bold,italic,underline,|,justifyleft,justifycenter,justifyright,justifyfull",
        theme_advanced_buttons2: "",
        theme_advanced_buttons3: "",
        theme_advanced_buttons4: "",
        theme_advanced_toolbar_location: "top",
        theme_advanced_toolbar_align: "left",
        theme_advanced_resizing: false,

    // Selector
        editor_selector: "test",

});

这对你有用吗？