Russian TYPO3 community

Russian TYPO3 community (http://forum.typo3.ru/index.php)
-   Инструменты разработчика (http://forum.typo3.ru/forumdisplay.php?f=34)
-   -   TinyMCE RTE рулит-2 (EXT: tinymce_rte) (http://forum.typo3.ru/showthread.php?t=10815)

Ивано++ 10.07.2013 09:34

Хотелось бы получить что-нибудь вроде этого...

http://i47.fastpic.ru/big/2013/0710/...e30eba4b0a.png

Андрей Аксенов 10.07.2013 14:13

Тогда нужно почитать документацию по этому расширению: http://typo3.org/extension-manuals/t...te/0.9.2/view/
Там настройки задаются в чуть измененном виде, к тому же идет онлайн утилита по начальной настройке.

Ивано++ 10.07.2013 14:19

Про это читал...
Но не пойму с блоками...
Как настраивать именно (как показано на картинке выше).:)

Андрей Аксенов 10.07.2013 14:23

Думаю, нужно попробовать задать настройки в TS страницы/пользователя в блоке RTE.default, а не tinimce.default
Кроме того, я не даром давал ссылку на настройку стандартного RTE - эти настройки также воздействуют и на не стандартные редакторы.

Ивано++ 10.07.2013 14:28

Цитата:

Сообщение от Андрей Аксенов (Сообщение 36825)
Думаю, нужно попробовать задать настройки в TS страницы/пользователя в блоке RTE.default, а не tinimce.default
Кроме того, я не даром давал ссылку на настройку стандартного RTE - эти настройки также воздействуют и на не стандартные редакторы.

Что-то сильно сомневаюсь...
У меня с ними ничего не получилось (по поводу настроек к стандартным редакторам)...


Вот что у меня получается:
PHP код:

#*******************************************************************
#    Данный файл содержит описание настроек RTE-визуального редактора
#    подключается в корне дерева сайта ('<INCLUDE_TYPOSCRIPT>');
#*******************************************************************
    

RTE.default.init {
    
    
# Здесь хотябы что-то внятно написано!
    # http://www.typo3forum.net/forum/typo3-4-x-rich-text-editor/44432-tinymce_rte-haengt.html
    
    
content_css fileadmin/template/systemdir/rte.css
    
    
#theme_advanced_styles = Header 1=header1;Header 2=header2;Header 3=header3;Table Row=tableRow1
    
theme_advanced_styles Тест=cssClassName;
    
    
# CSS-стили ссылок
    # Доступные шрифты
    # Доступные размеры шрифта
    
    
advlink_styles Стиль ссылки по умолчанию=default;Стиль-ссылки для увеличения картинки ссылка на изображение=zoom;
    
theme_advanced_fonts Без шрифта (по умолчанию)=;Arial=Arial,Helvetica,Garuda,sans-serif;
    
theme_advanced_font_sizes Обычный-текст=14px,Больше-обычного=17px,Большой=20px;
    
    
    
# Настройка стилей - таблицы
    
table_styles Стиль-таблицы-1=header1;Стиль-таблицы-2=header2;Стиль-таблицы-3=header3
    table_cell_styles 
Header 1=header1;Header 2=header2;Header 3=header3;Table Cell=tableCel1
    table_row_styles 
Header 1=header1;Header 2=header2;Header 3=header3;Table Row=tableRow1
        
                table_cell_limit 
100
                table_row_limit 
5
                table_col_limit 
5
                table_default_border 
=
                
table_default_cellpadding 2
                table_default_cellspacing 
0
                
        theme_advanced_default_background_color 
#FF00FF
        
theme_advanced_background_colors FF00FF,FFFF00,000000
        theme_advanced_more_colors 
false
        
        theme_advanced_default_foreground_color 
#FF00FF
        
theme_advanced_text_colors FF00FF,FFFF00,000000
        theme_advanced_more_colors 
false
        theme_advanced_default_background_color 
#FF00FF
        
theme_advanced_background_colors FF00FF,FFFF00,000000
        theme_advanced_more_colors 
false
            
    
            
    
#paste_create_paragraphs = true
    #paste_create_linebreaks = true
    #paste_force_cleanup_wordpaste = true
            
            
    #theme_advanced_blockformats = p,div,h1,h2,h3

            
    
    
plugins safari,style,layer,table,advimage,advlink,inlinepopups,insertdatetime,media,searchreplace,contextmenu,paste,fullscreen,noneditable,nonbreaking,xhtmlxtras,typo3filemanager,template
    theme_advanced_buttons1 
newdocument,|,undo,redo,|,justifyleft,justifycenter,justifyright,justifyfull,|,cut,copy,paste,pastetext,pasteword,|,search,replace,|,fullscreen,|,cleanup,spellchecker
    theme_advanced_buttons2 
link,typo3link,unlink,|,image,typo3image,|,tablecontrols
    theme_advanced_buttons3 
code,|,styleprops,|,forecolor,backcolor,sub,sup,|,bullist,numlist,|,outdent,indent,|,template,|,removeformat
    theme_advanced_buttons4 
styleselect,|,formatselect,|,fontselect,|,fontsizeselect,|,bold,italic,underline
    theme_advanced_statusbar_location 
bottom
    
    template_templates 
>
    
template_templates {
        
10 {
            
title Обертка серго цвета для содержимого (с отступами 15-px во внутрь)
            
src fileadmin/template/tpl.rte-container.html
            description 
Adds some static HTML an expert could prepare
        
}
    }
    
    
width 644
    height 
1250
    fix_table_elements 
true
    
    
    
# you could override the following option if you don't want to insert links.
    
file_browser_callback typo3filemanager
    
#spellchecker_languages = +English=en,German=de
    #spellchecker_rpc_url = EXT:tinymce_rte/mod3/rpc.php    


    #template_replace_values {
    #    username = Jack Black
    #}
    
    # Настройка блоков
    
style_formats 
        
10 
            
# Картинка
           
title Картинка слева [с отступами]
           
selector img
           classes 
tinymce_rte_css-image-left
       

       
20 
            
# Картинка
           
title Картинка слева [с отступами без отступа сверху]
           
selector img
           classes 
tinymce_rte_css-image-left-without-margin-top
       

        
30 
            
# Картинка
           
title Картинка справа [с отступами]
           
selector img
           classes 
tinymce_rte_css-image-right
       

        
40 
            
# Картинка
           
title Картинка справа [с отступами без отступа сверху]
           
selector img
           classes 
tinymce_rte_css-image-right-without-margin-top
       

       
80 
           
title Котейнер с серым фоном 
           block 
div 
           classes 
tinymce_rte_css-container 
       


    }




Андрей Аксенов 10.07.2013 14:41

Сейчас не готов разбираться, но сам использовал настройки для переопределения заголовков - помню еще, что это связано с настройками css_styled_content.
Можно посмотреть, как это настраивается в установочных демо-пакетах в настройках для страниц/пользователей и css_styled_content.
Сам пользовался такой настройкой-рыбой (правда не пересматривал их для новых версий TYPO3 >= 4.7):
Код:

##############################################################
# TypoScript для TS настроек страницы.Чаще всего используется
# для настроек RTE и т. п.
##############################################################

# НАСТРОЙКА ФОРМ ДЛЯ СОДЕРЖИМОГО
TCEFORM.tt_content.header_layout {
        altLabels {
        # Переименование заголовков
                0 = Основной заголовок (H2)
                1 =
                2 =
                3 = Подзаголовок (H3)
                4 = Подзаголовок (H4)
                5 = Подзаголовок (H5)
        }
        # Удаление ненужных типов
        removeItems = 1,2
}

# Отключение вторичных полей для заголовков FCE
TCEFORM.tt_content {
        # отключение выбора позиционирования заголовков
        header_position.types.templavoila_pi1.disabled = 1
        # отключение ссылок для заголовков
        header_link.types.templavoila_pi1.disabled = 1
        # отключение типов заголовков
        header_layout.types.templavoila_pi1.disabled = 1
        date.types.templavoila_pi1.disabled = 1
}

TCEFORM.tt_content {
        # отключение рамок для содержимого
        section_frame.disabled = 1
        # отключение выбора позиционирования заголовков
        header_position.disabled = 1
        # отключение выбора колонок для содержимого
        colPos.disabled = 1
        # отключение выбора даты
        date.disabled = 1
        # отключение установки ссылки на начало страницы
        linkToTop.disabled = 1
}

# Настройка для темплавуаля
mod.web_txtemplavoilaM2 {
  # скрыть мастера разметки для нового сайта
  hideNewSiteWizard = 1
  # путь к шаблонам по умолчанию
  templatePath = config/templavoila/html
}

# Настройка для редактирования во внешнем интерфейсе
# Перезагрузка страницы при обновлении содержимого
FeEdit.reloadPageOnContentUpdate = 1

# НАСТРОЙКА ВСТРОЕННОГО ВНУТРЕННЕГО РЕДАКТОРА ТЕКСТА RTE
# Названия классов для редактора соответствующие классы нужно настроить в css
RTE.classes {
        first-header {
                name = Первый заголовок
        }
        feature-text {
                name = Текст возможного содержимого
        }
        big-text {
                name = Большой текст
        }
        red-highlight {
                name = Красное выделение
        }
        spancolumn-1 {
                name = Ширина ячейки  50px
        }
        spancolumn-2 {
                name = Ширина ячейки 100px
        }
        spancolumn-3 {
                name = Ширина ячейки 150px
        }
        spancolumn-4 {
                name = Ширина ячейки 200px
        }
        spancolumn-5 {
                name = Ширина ячейки 250px
        }
        spancolumn-6 {
                name = Ширина ячейки 300px
        }
        spancolumn-7 {
                name = Ширина ячейки 350px
        }
        spancolumn-8 {
                name = Ширина ячейки 400px
        }
        spancolumn-9 {
                name = Ширина ячейки 450px
        }
        spancolumn-10 {
                name = Ширина ячейки 500px
        }
        spancolumn-11 {
                name = Ширина ячейки 550px
        }
        spancolumn-12 {
                name = Ширина ячейки 600px
        }
        vcard {
                name = Виртуальная карточка
                value = vcard
        }
        fn org {
                name = Название организации
                value = fn org
        }
        category {
                name = Категория организации
                value = category
        }
        url {
                name = Ссылка на сайт
                value = url
        }
        adr {
                name = Блок адреса
                value = adr
        }
        postal-code {
                name = индекс
                value = postal-code
        }
        country-name {
                name = Страна
                value = country-name
        }
        region {
                name = Область
                value = region
        }
        locality {
                name = Город
                value = locality
        }
        street-address {
                name = Улица, дом
                value = street-address
        }
        extended-address {
                name = уточнение адреса
                value = extended-address
        }
        tel {
                name = телефон
                value = tel
        }
        email {
                name = E-mail
                value = email
        }
}

# Настройка вида RTE по умолчанию
RTE.default {
        # Параметры разметки (только htmlArea RTE)
        # очистка текста при вставке из внешний источников
        enableWordClean = 1
        # удаление замыкающий символов переноса строки
        removeTrailingBR = 1
        # удаление всех комментариев html при сохранении или переключении в режим исходного текста
        removeComments = 1
        # список тегов, удаляемых при сохранении или переключении в режим исходного текста
        removeTags = center, font, o:p, sdfield, strike, u
        # список тегов, удаляемых вместе с содержимым при сохранении или переключении в режим исходного текста
        removeTagsAndContents = link, meta, script, style, title

        # Параметры панели инструментов (отображаемые кнопки)
        # Настройка TCA может добавить кнопки в панель инструментов
        # Следующие кнопки относятся к классическому RTE: class
        # Следующие кнопки относятся к htmlArea RTE: blockstylelabel, blockstyle, textstylelabel, textstyle, insertcharacter, findreplace, removeformat, toggleborders, tableproperties, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge, blockstylelabel, blockstyle, textstylelabel, textstyle, fontstyle, fontsize, formatblock, blockquote, insertparagraphbefore, insertparagraphafter, lefttoright, righttoleft, language, showlanguagemarks, left, center, right, justifyfull, orderedlist, unorderedlist, definitionlist, definitionitem, outdent, indent, formattext, bidioverride, big, bold, citation, code, definition, deletedtext, emphasis, insertedtext, italic, keyboard,  monospaced, quotation, sample, small, span, strikethrough, strong, subscript, superscript, underline, variable, textcolor, bgcolor, textindicator, emoticon, insertcharacter, line, link, unlink, image, table, user, acronym, findreplace, spellcheck, chMode, inserttag, removeformat, copy, cut, paste, undo, redo, showhelp, about, toggleborders, tableproperties, tablerestyle, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, columnproperties, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge
        showButtons = formatblock, bold, italic, underline, left, center, right, justifyfull, orderedlist, unorderedlist, outdent, indent, link, image, table, removeformat, copy, cut, paste, undo, redo, showhelp, chMode, toggleborders, tableproperties, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge
       
        # Дополнительные параметры панели инструментов(только htmlArea RTE)
        # все кнопки из группы отображаются на одной строке,
        # группа определяется переносом строки или вертикальной чертой
        keepButtonGroupTogether = 1
       
        # Включение строки статуса (только htmlArea RTE)
        showStatusBar =  1
       
        # Сокрытие малоиспользуемых типов параграфа в блоке выбора типа параграфа (кнопка форматирования): p, h1, h2, h3, h4, h5, h6, pre, address, blockquote, div
        hidePStyleItems =
       
        # Добавить стили примеров по умолчанию. Код CSS, включаемый в раздел стилей редактора.
        # Выключка текста: left, center, right или justify в блоковых элементах
        inlineStyle.text-alignment (
                p.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
                p.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
                p.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
                p.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }
        )
        # Два примера рамок, взяты из файла CSS расширения CSS Styled Content, применяемые к блоковым элементам p и table.
        inlineStyle.frames (
                p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
                p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
        )
        # Стили меток для несортированных списков
        inlineStyle.ul (
                ul.component-items { color: #186900; list-style-type: circle; }
                ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }
        )
        # Стили номеров для упорядоченных списков.
        inlineStyle.ol (
                ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
                ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }
        )
        # Три цвета текста для встроенных элементов, взятые из цветовой схемы расширения CSS Styled Content.
        inlineStyle.inline-text (
                span.important { color: #8A0020; }
                span.name-of-person { color: #10007B; }
                span.detail { color: #186900; }
        )
        # Элементы для настроек по умолчанию функций ссылок.
        inlineStyle.accessibility (
                a.external-link {}
                a.external-link-new-window {}
                a.internal-link {}
                a.internal-link-new-window {}
                a.download {}
                a.mail {}
        )
        # Элементы для отступов.
        inlineStyle.indentation (
                div.indent { margin-left: 2em; }
        )

        # Игнорирование стилей из mainStyleOverride и свойств inlineStyle (только htmlArea RTE).
        # Если не определен файл RTE.default.contentCSS, используется файл EXT:rtehtmlarea/res/contentcsss/default.css.
        ignoreMainStyleOverride = 1

        # Список всех классов, доступных для сохранения в базе данных
        # нужно включить все классы, определенные для текста далее
        proc.allowedClasses (
                external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail,
                vcard,fn org,category,url,adr,postal-code,country-name,region,locality,street-address,extended-address,tel,email,
                first-header,feature-text,big-text,red-highlight,
                align-left, align-center, align-right, align-justify,
                csc-frame-frame1, csc-frame-frame2,
                component-items, action-items,
                component-items-ordered, action-items-ordered,
                important, name-of-person, detail,
                indent
        )

        # classesParagraph, classesTable, classesTD, classesLinks, classesCharacter
        # htmlArea RTE: ограничить список классов, предоставляемых RTE:
        # Эти классы также должны быть внесены в список allowedClasses.
        classesParagraph (
                align-left, align-center, align-right,
                csc-frame-frame1, csc-frame-frame2
        )
        classesTable = csc-frame-frame1, csc-frame-frame2
        classesTD = spancolumn-1,spancolumn-2,spancolumn-3,spancolumn-4,spancolumn-5,spancolumn-6,spancolumn-7,spancolumn-8,spancolumn-9,spancolumn-10,spancolumn-11,spancolumn-12
        classesLinks = external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail
        classesCharacter (
                important, name-of-person, detail,
                red-highlight,vcard,fn org,category,url,adr,postal-code,country-name,region,locality,street-address,extended-address,tel,email       
        )

        # Настройка функций доступных якорей (только htmlArea RTE)
        # Эти классы также должны быть внесены в список allowedClasses.
        classesAnchor = external-link, external-link-new-window, internal-link, internal-link-new-window, download, mail
        classesAnchor.default {
                page = internal-link
                url = external-link-new-window
                file = download
                mail = mail
        }

        # Настройка для функции TableOperations (только htmlArea RTE)
        # Удалите ненужные функции из диалогов операций с таблицами
        disableAlignmentFieldsetInTableOperations = 1
        disableSpacingFieldsetInTableOperations = 1
        disableColorFieldsetInTableOperations = 1
        disableLayoutFieldsetInTableOperations = 1
        disableBordersFieldsetInTableOperations = 1
        # Показать границы при создании таблиц
        buttons.toggleborders.setOnTableCreation = 1

        # Настройки для кнопок bold и italic (только htmlArea RTE)
        # Добавление горячих клавиш для кнопок bold и italic.
        buttons.bold.hotKey = b
        buttons.italic.hotKey = i
           
    # Дозволенные стили и выравнивания для параграфов
        proc.entryHTMLparser_db.tags {
                p.fixAttrib.align.unset >
                p.allowedAttribs := addToList(style,align)
        }
        # настройка анализа введенного текста
        proc {
                exitHTMLparser_db = 1
                # преобразование тега b в strong
                exitHTMLparser_db {
                        tags.b.remap = strong
                        # преобразование тега i в em
                        tags.i.remap = em
                        # если нужно, сохранение неопределенных для анализатора тегов в тексте
                #        keepNonMatchedTags = 1
                }
        }
         
          # Сокрытие всех дополнительных кнопок для таблиц
        hideTableOperationsInToolbar = 1
        # сохранение кнопок включения отображения границ таблиц
        buttons.toggleborders.keepInToolbar = 1
       
        # CSS шаблон для текста в RTE, здесь можно определить стили, определяемые ранее
        contentCSS = fileadmin/templates/skin_bn_wireframe/css/rte.css
       
        # удаление классов для якорей (были определены ранее), если они не нужны
        classesAnchor >
        # удаление ненужного при анализе
        lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list >
       
        # код ISO языка содержимого по умолчанию
        defaultContentLanguage = ru
        callbackJavascriptFile =
        gzip = 1
        gzipFileCache = 1
        defaultLanguageFE = ru
        # настройка размеров окна выбора файлов
        typo3filemanager.window.width = 700
        typo3filemanager.window.height = 400
        # настройка размера значков для рисунков
        typo3filemanagerThumbs.width = 200
        typo3filemanagerThumbs.height = 150
        # разрешение пользовательских словарей
        buttons.spellcheck.enablePersonalDictionaries = 1
        buttons.spellcheck.dictionaries.items = ru,en
        buttons.contentTypo3Language = ru
}

# настройка RTE для внешнего интерфейса (только htmlArea RTE)
RTE.default.FE < RTE.default
RTE.default.FE.showStatusBar = 0
RTE.default.FE.hideButtons = chMode, blockstyle, textstyle, underline, strikethrough, subscript, superscript, lefttoright, righttoleft, left, center, right, justifyfull, table, inserttag, findreplace, removeformat, copy, cut, paste
RTE.default.FE.FE >
RTE.default.FE.userElements >
RTE.default.FE.userLinks >


Ивано++ 10.07.2013 15:12

Интересно...


Часовой пояс GMT +4, время: 22:00.

Работает на vBulletin® версия 3.8.1.
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Перевод: zCarot