TinyMCE в osCommerce: расширенное меню

В продолжение статьи "Прикручиваем TinyMCE к osCommerce":

Понадобились дополнительные кнопочки в TinyMCE(работа с таблицами, вставка текста из Word-a и пр.)

Image

Решение нашлось достаточно быстро — просто взял исходник готовой TinyMCE формы.

Чтобы не рыскать по сайту поиском, предлагаю исправленное руководство по установке WYSIWYG редактора TynMCE в OsCommerce:

Инсталляция:

1. качаем TinyMCE с сайта tinymce.moxiecode.com

2. закачиваем tiny_mce/*.* (находится в /jscripts/ в tar-file/zip-file) в вашей osC admin категории (catalog/admin/includes/javascript/) или в любое другое место, но в таком случае не забудьте изменить путь в куске кода, который следует дальше.

3. В catalog/admin/categories.php

находим:

<link rel="stylesheet" type="text/css" href="includes/stylesheet.css">

…и добавляем:

<!— tiny mce —>
<script language="javascript" type="text/javascript" src="includes/javascript/tiny_mce/tiny_mce.js"></script>
<script language="javascript" type="text/javascript">
    tinyMCE.init({
        mode : "textareas",
        theme : "advanced",
        plugins : "spellchecker,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,zoom,flash,

searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable",
        theme_advanced_buttons1_add_before : "save,newdocument,separator",
        theme_advanced_buttons1_add : "fontselect,fontsizeselect",
        theme_advanced_buttons2_add : "separator,insertdate,inserttime,preview,separator,forecolor,backcolor",
        theme_advanced_buttons2_add_before: "cut,copy,paste,pastetext,pasteword,separator,search,replace,separator",
        theme_advanced_buttons3_add_before : "tablecontrols,separator",
        theme_advanced_buttons3_add : "emotions,iespell,flash,advhr,separator,print,separator,ltr,rtl,separator,fullscreen",
        theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,spellchecker",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_path_location : "bottom",
        content_css : "/example_data/example_full.css",
        plugin_insertdate_dateFormat : "%Y-%m-%d",
        plugin_insertdate_timeFormat : "%H:%M:%S",
        extended_valid_elements : "hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style]",
        external_link_list_url : "example_data/example_link_list.js",
        external_image_list_url : "example_data/example_image_list.js",
        flash_external_list_url : "example_data/example_flash_list.js",
        file_browser_callback : "mcFileManager.filebrowserCallBack",
        theme_advanced_resize_horizontal : false,
        theme_advanced_resizing : true,
        apply_source_formatting : true,
        spellchecker_languages : "+English=en,"
    });
</script>
<!— /tinyMCE —>

 В результате получаем следующую картинку:

Image

Есть вопросы? Пишите.