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 = Überschrift 1 
           block = h1 
       } 

       20 { 
           title = Überschrift 2 
           block = h2 
       } 

       30 { 
           title = Ü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 
       } 

   } 


[Ивано++]

Вопрос на картинке...









нашел оказывается есть волшебная кнопка - очистить формат (супер!)

[Ивано++]

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

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/
Там можно почерпнуть много интересного - принцип работы, откуда и что берется (стили во внутреннем и внешнем интерфейсе) и т. п. Как уже говорил, довольно объемный документ, и его имеет смысл использовать как справочник. Ну а для начала ознакомиться для понимания именно того, что можно, а что нельзя сделать, а уж откопать то, как это сделать можно будет по необходимости...

[Ивано++]

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

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

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


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

[Ивано++]

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

[Ивано++]

Что то до меня только сейчас стало допирать...
Что оказывается мы задаем настройки даже не столько в 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'
        }},
}