Russian TYPO3 community - TinyMCE RTE рулит-2 (EXT: tinymce

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)

TinyMCE RTE рулит-2 (EXT: tinymce_rte)

Добрый день...

Начинаю даже любить визуальные редакторы...
И даже сказалбы что очень сильно любить
Сколько не спрашивал на форуме - есть ли нормальная документация по данному расширению tinymce_rte???

Поделитесь...

Из того, что нашел - наконец-то по настройкам данного редактора...
Добыто просто кровью и потом.:)

PHP код:


		
			
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 = Display Name=cssClassName;seperated=with;another Class=otherClass;
    
    
    # Настройка стилей - таблицы
    table_styles = Header 1=header1;Header 2=header2;Header 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,h4,h5,h6,blockquote,dt,dd,code,samp
            theme_advanced_fonts = Arial=arial,helvetica,sans-serif;Courier New=courier new,courier,monospace
            theme_advanced_font_sizes = Big text=30px,Small text=small,My Text Size=.mytextsize
            
    
    plugins = safari,style,layer,table,advimage,advlink,inlinepopups,insertdatetime,media,searchreplace,contextmenu,paste,fullscreen,noneditable,nonbreaking,xhtmlxtras,typo3filemanager,template,spellchecker
    theme_advanced_buttons1 = newdocument,|,undo,redo,|,justifyleft,justifycenter,justifyright,justifyfull,|,cut,copy,paste,pastetext,pasteword,|,search,replace,|,fullscreen,|,cleanup,nonbreaking,spellchecker
    theme_advanced_buttons2 = link,typo3link,unlink,|,image,typo3image,|,tablecontrols
    theme_advanced_buttons3 = code,|,anchor,charmap,media,attribs,styleprops,|,forecolor,backcolor,strikethrough,sub,sup,|,bullist,numlist,|,outdent,indent,|,blockquote,template
    theme_advanced_buttons4 = styleselect,|,formatselect,|,fontselect,|,fontsizeselect,|,bold,italic,underline
    theme_advanced_statusbar_location = bottom
    
    width = 600
    height = 550
    
    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_templates {
        10 {
            title = static HTML
            src = EXT:tinymce_rte/res/tinymce_templates/static.html
            description = Adds some static HTML an expert could prepare
        }
    }

    template_replace_values {
        username = Jack Black
    }
    
}

Единственный вопрос к гуру создающих большие проекты...
Насколько на визуальные редакторы можно сильно (в плане объема) перекладывать стилизацию текста... Ведь если мы чуть-чуть поменяем дизайн на сайте - то в БД это помять будет очень сложно - т.к. сам стиль (к примеру CSS-класс) пишется в БД в тексте <div class="privet">... Это же не обертка к примеру элемента контента...

И еще не пойму ни как - как для картинок то класс задавать - возможно что то пропустил из виду...

Блин - а ведь я реально благодаря данной доке поборол в себе комплекс визальных редакторов! Источник: - не терять: http://www.typo3forum.net/forum/typo...te-haengt.html
--
Иван.

Ну и наверное еще вопрос - уже отдельным ответом - все выше описанное применительно к BE ... а где искать настройки для FE?---

Просто ради интереса посмотреть что там есть.

И никак не пойму что значит вот это:
Это настройка конкретно по таблице и условии что ли?

PHP код:


		
			
RTE.tt_content.field.colPos1.init {



plugins = 



theme_advanced_buttons1 = bold



theme_advanced_buttons2 = 



theme_advanced_buttons3 = 



}

И никак не пойму - почему здесь классы блоков, ссылок и картинок соединены в общее??????
Вот для таблиц, строк и ячеек можно задавать отдельно - а для ссылок, картинок - нет - очень не удобно...
Или может я плохо искал?

Настройку стиля ссылок нашел:

PHP код:


		
			
advlink_styles = Стиль-ссылки-1=header1;Стиль-ссылки-2=header2;

Стили блоков задаются вот так:

PHP код:


		
			
RTE.default.init { 

        # define a stylesheet 

        content_css = fileadmin/template/systemdir/rte.css



    #Блоки формата

   style_formats { 

       10 { 

           title = &#220;berschrift 1 

           block = h1 

       } 



       20 { 

           title = &#220;berschrift 2 

           block = h2 

       } 



       30 { 

           title = &#220;berschrift 3 

           block = h3 

       } 



       40 { 

           title = Einleitungstext 

           block = p 

           classes = abstract 

       } 



       50 { 

           title = Info Box 

           block = div 

           classes = infobox 

       } 



       60 { 

           title = Download Box 

           block = div 

           classes = filelinks 

       } 



       70 { 

           title = Person/Visitenkarte 

           block = div 

           classes = person 

       } 



       80 { 

           title = Adresse 

           block = div 

           classes = address 

       } 



   }

Вопрос на картинке...
http://i46.fastpic.ru/big/2013/0705/...120ba16f5b.png

нашел оказывается есть волшебная кнопка - очистить формат (супер!)
http://i47.fastpic.ru/big/2013/0705/...cb8682b664.png

А это настройки стандартного виз. редактора
Правда половина из них у меня не заработала...

PHP код:


		
			

    #RTE.classes {
    #    myImageStyle {
    #        #name = Изображение по правому краю
    #        #value = float: left; margin: 0 5px;
    #    }
    #}
    
    # Specific configuration for the Image Style menu(?!?!?!):
    #RTE.default.classesImage = myImageStyle 
    
    #RTE.default.blindImageOptions = magic
    
    #RTE.default.buttons.formatblock.removeItems = h1,h2,h3,h4,h5,h6,pre,section,div,nav,footer,p,articlem
    #RTE.default.hideButtons = formatblock, blockstyle, textstyle, about, indicator, textindicator, subscript, superscript, insertcharacter,
    
    #RTE.default {

    #        showButtons = bold, italic, orderedlist, unorderedlist, outdent, indent, link, code, cleanup, unlink, chMode, removeformat, image, table, findreplace, spellcheck, toggleborders, tableproperties, tablerestyle, rowproperties, rowinsertabove, rowinsertunder, rowdelete, rowsplit, columnproperties, columninsertbefore, columninsertafter, columndelete, columnsplit, cellproperties, cellinsertbefore, cellinsertafter, celldelete, cellsplit, cellmerge, left, center, right, justifyfull
    #   }
    
    
    RTE {
        default {
        showTagFreeClasses = 1
        # указываем где находится файл стилей
        contentCSS = fileadmin/template/systemdir/rte.css
        
        # очищаем старые стили
        classesAnchor >
        classesLinks =
        # устанавливаем классы для
        # текста
        classesCharacter := addToList(coding, note, important, warning, red_txt, bgcolor-gray)
        # блоков
        classesParagraph := addToList(coding, note, important, warning, float_left, center, bgcolor-gray)
        # ячеек таблиц
        classesTD := addToList(sub)
        # таблиц
        classesTable := addToList(full, fixed)
        # список всех доступных классов
        proc.allowedClasses := addToList(coding, note, important, warning, float_left, center, bgcolor-gray)
        }
}
    
    
    # RTE.default.classesTable = style1,style2
    # RTE.default.proc.allowedClasses := addToList(style1,style2)

Думаю что остановлюсь на новом RTE...

Ну вообще, вот последняя документация по rtehtmlarea: http://typo3.org/extension-manuals/r...al/4.7.0/view/
Там можно почерпнуть много интересного - принцип работы, откуда и что берется (стили во внутреннем и внешнем интерфейсе) и т. п. Как уже говорил, довольно объемный документ, и его имеет смысл использовать как справочник. Ну а для начала ознакомиться для понимания именно того, что можно, а что нельзя сделать, а уж откопать то, как это сделать можно будет по необходимости...

Цитата:

Сообщение от Андрей Аксенов (Сообщение 36798)

Это старый редактор...
И мне он меньше нравиться.

В новом не пойму почему я не могу создать ссылку на картинке?

интересно - можно еще как-нибудь эти вкладки "того" - убрать?

http://i46.fastpic.ru/big/2013/0709/...9633924d81.png

Что то до меня только сейчас стало допирать...
Что оказывается мы задаем настройки даже не столько в TYPO3 - сколько в сам RTE-редактор...

В котором есть свой API...
И по нему можно ориентироваться.

А вот и тема, которая меня безумно интересует...

Как задавать класс картинкам - через поле выбора?
http://www.tinymce.com/develop/bugtr...ew.php?id=4048

Не подумайте - что я сам с сабой болтаю.

Вот она безумная тема:

http://www.tinymce.com/wiki.php/Conf...:style_formats

PHP код:


		
			


tinymce.init({

    ...

    style_formats : [

        {title : 'Bold text', inline : 'b'},

        {title : 'Red text', inline : 'span', styles : {color : '#ff0000'}},

        {title : 'Red header', block : 'h1', styles : {color : '#ff0000'}},

        {title : 'Example 1', inline : 'span', classes : 'example1'},

        {title : 'Example 2', inline : 'span', classes : 'example2'},

        {title : 'Table styles'},

        {title : 'Table row 1', selector : 'tr', classes : 'tablerow1'}

    ]

});



style_formats: [

        {title: 'Image Left', selector: 'img', styles: {

                'float' : 'left', 

                'margin': '0 10px 0 10px'

        }},

        {title: 'Image Right', selector: 'img', styles: {

                'float' : 'right', 

                'margin': '0 10px 0 10px'

        }},

}