TinyMce Проблемы с форматированием

Question

Я недавно включил использование TinyMCE в приложение, над которым работаю. Все работает, но панель инструментов показана внизу. Я проверил документацию по адресу.

Конфигурация TinyMCE

В этом документе показано, как настроить расположение панели инструментов, если вы используете режим Расширенный , а не Простой . Я подтвердил, что использую правильный режим, а мой макет по умолчанию - SimpleLayout , но я не вижу изменений, когда использую код, который они указывают для использования.

 theme_advanced_toolbar_location : "top"

Вот как выглядит мой скрипт

 tinyMCE.init({
width : "500",
height : "100",

// General options
mode : "textareas",
theme : "advanced",
editor_selector : "mceSimple"

// Theme options
theme_advanced_buttons1 :"bold,italic,underline,strikethrough,forecolor,backcolor",
theme_advanced_buttons2 : "",
theme_advanced_buttons3 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "left",
theme_advanced_layout_manager : "SimpleLayout"
theme_advanced_resizing : true,

});

Я знаю, что мне не нужно указывать менеджер раскладки, но я сделал это только для того, чтобы показать, что я указал его как SimpleLayout

Я что-то не так делаю, чтобы не показывать панель инструментов сверху текстовой области, а не снизу?

Answer 1

Я использовал tinyMCE несколько месяцев назад.У меня были некоторые проблемы с получением панели инструментов, чтобы ответить правильно.Я проделал некоторую работу и нашел некоторые ответы, но я не могу вспомнить точную суть этих ответов.Надеюсь, этот код из моего использования поможет вам, он прекрасно работает:

tinyMCE.init({
content_css: "/connectation/css/tinyMCEcontent.css",
theme_advanced_font_sizes: "8pt,9pt,10pt,11pt,12pt,13pt,14pt,16pt,18pt,20pt",
font_size_style_values : "8pt,9pt,10pt,11pt,12pt,13pt,14pt,16pt,18pt,20pt",
mode : "textareas",
theme: "advanced",
theme_advanced_buttons1: "bold,italic,underline,|,fontselect,fontsizeselect",
theme_advanced_buttons2: "forecolor,backcolor,|,bullist,numlist,|,outdent,indent,|,undo,redo,|,hr",
theme_advanced_buttons3: ""
});

Я не вижу большой разницы, кроме того, что я указываю на свой собственный CSS.Вот содержимое файла css на случай, если это поможет:

    body, td, pre {
    font: 9pt Century Gothic, Verdana, Arial, Sans-Serif;
    color: #333333;
    }

    body {
    background-color: #FFFFFF;
    }

    .mceVisualAid {
    border: 1px dashed #BBBBBB;
    }

    /* MSIE specific */

    * html body {
    scrollbar-3dlight-color: #F0F0EE;
    scrollbar-arrow-color: #676662;
    scrollbar-base-color: #F0F0EE;
    scrollbar-darkshadow-color: #DDDDDD;
    scrollbar-face-color: #E0E0DD;
    scrollbar-highlight-color: #F0F0EE;
    scrollbar-shadow-color: #F0F0EE;
    scrollbar-track-color: #F5F5F5; 
    }