Инструменты Jquery (вкладки) + TinyMCE - PullRequest
Новая
       7

Инструменты Jquery (вкладки) + TinyMCE

1 голос
/ 04 апреля 2011

Я пытаюсь интегрировать TinyMCE в Jquery Tools Tabs , но, похоже, не могу этого сделать.Когда все установлено, я просто не получаю ни ошибки, ни предупреждения.Я получаю только пустую текстовую область.

Я пробовал с другими вкладками (Jquery UI), и с этим решением я могу видеть TinyMCE, но я хотел бы использовать Jquery Tools, потому что это просто в css иразмер файла.

Обновление: вот 2 примера: один с использованием Jquery Tools и другой Jquery UI

Пример 1: Jquery Tools Пример 2: Jquery UI

Tinymce init: 

    tinyMCE.init({
        // General options
        mode : "textareas",
        theme : "advanced",
        plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",

        // Theme options
        theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
        theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
        theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
        theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : true
    });

Спасибо.

Бруно

Ответы [ 2 ]

3 голосов
/ 05 апреля 2011

Я понял!

Jquery Tools скрывает все элементы div внутри панелей вкладки по умолчанию , а TinyMCE использует DIV для отображения кнопок, поэтому эти DIV были скрыты.

Что делать?

В CSS вкладок Jquery Tools укажите, что нужно скрывать только первый DIV, добавив>. Пример:

вместо: 

.panes div { display:none; }

ставить 

.panes > div { display:none; }

Таким образом, он будет скрывать только первый DIV.

Все равно спасибо Тариама

0 голосов
/ 04 апреля 2011

Я думаю, что ваша проблема может быть с одним из плагинов. Я предлагаю вам удалить все плагины (plugins: "",) и посмотреть, что произойдет потом. Если он работает как положено, попробуйте добавить плагин к плагину, пока не получите тот, который мешает tinymce для инициализации. Конфигурация кнопок здесь не важна. Если подходящий плагин не существует - кнопка просто не отображается, но инициализация не остановится из-за этого.

...