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)

Ивано++ 05.07.2013 22:59

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
--
Иван.

Ивано++ 05.07.2013 23:01

Ну и наверное еще вопрос - уже отдельным ответом - все выше описанное применительно к 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 

           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 
       


   } 


Ивано++ 05.07.2013 23:55

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








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

Ивано++ 06.07.2013 00:20

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


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(codingnoteimportantwarningred_txtbgcolor-gray)
        
# блоков
        
classesParagraph := addToList(codingnoteimportantwarningfloat_leftcenterbgcolor-gray)
        
# ячеек таблиц
        
classesTD := addToList(sub)
        
# таблиц
        
classesTable := addToList(fullfixed)
        
# список всех доступных классов
        
proc.allowedClasses := addToList(codingnoteimportantwarningfloat_leftcenterbgcolor-gray)
        }
}
    
    
    
# RTE.default.classesTable = style1,style2
    # RTE.default.proc.allowedClasses := addToList(style1,style2) 





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

Андрей Аксенов 06.07.2013 16:03

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

Ивано++ 09.07.2013 21:26

Цитата:

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

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


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

Ивано++ 09.07.2013 21:46

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





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

Ивано++ 09.07.2013 22:14

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

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

Ивано++ 09.07.2013 22:15

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


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

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

Ивано++ 09.07.2013 22:23

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

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'
        
}},




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

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