Russian TYPO3 community Форум больше не используется. Присоединяйтесь к каналу #community-ru в Slack for TYPO3 community  

Вернуться   Russian TYPO3 community > Тематические форумы > Инструменты разработчика

Ответ
 
Опции темы Опции просмотра
Старый 05.07.2013, 22:59   #1
Ивано++
Senior Member
 
Аватар для Ивано++
 
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
Cool 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
--
Иван.
__________________
Иван Литовченко
http://iv-litovchenko.ru/
Ивано++ вне форума   Ответить с цитированием
Старый 05.07.2013, 23:01   #2
Ивано++
Senior Member
 
Аватар для Ивано++
 
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
По умолчанию

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


   } 
__________________
Иван Литовченко
http://iv-litovchenko.ru/

Последний раз редактировалось Ивано++; 05.07.2013 в 23:47
Ивано++ вне форума   Ответить с цитированием
Старый 05.07.2013, 23:55   #3
Ивано++
Senior Member
 
Аватар для Ивано++
 
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
По умолчанию

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









нашел оказывается есть волшебная кнопка - очистить формат (супер!)
__________________
Иван Литовченко
http://iv-litovchenko.ru/
Ивано++ вне форума   Ответить с цитированием
Старый 06.07.2013, 00:20   #4
Ивано++
Senior Member
 
Аватар для Ивано++
 
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
По умолчанию

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


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...
__________________
Иван Литовченко
http://iv-litovchenko.ru/
Ивано++ вне форума   Ответить с цитированием
Старый 06.07.2013, 16:03   #5
Андрей Аксенов
Senior Member
 
Регистрация: 12.04.2008
Адрес: Россия, Москва
Сообщений: 706
Отправить сообщение для Андрей Аксенов с помощью ICQ Отправить сообщение для Андрей Аксенов с помощью Skype™
По умолчанию

Ну вообще, вот последняя документация по rtehtmlarea: http://typo3.org/extension-manuals/r...al/4.7.0/view/
Там можно почерпнуть много интересного - принцип работы, откуда и что берется (стили во внутреннем и внешнем интерфейсе) и т. п. Как уже говорил, довольно объемный документ, и его имеет смысл использовать как справочник. Ну а для начала ознакомиться для понимания именно того, что можно, а что нельзя сделать, а уж откопать то, как это сделать можно будет по необходимости...
Андрей Аксенов вне форума   Ответить с цитированием
Старый 09.07.2013, 21:26   #6
Ивано++
Senior Member
 
Аватар для Ивано++
 
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
По умолчанию

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


В новом не пойму почему я не могу создать ссылку на картинке?
__________________
Иван Литовченко
http://iv-litovchenko.ru/
Ивано++ вне форума   Ответить с цитированием
Старый 09.07.2013, 21:46   #7
Ивано++
Senior Member
 
Аватар для Ивано++
 
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
По умолчанию

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





__________________
Иван Литовченко
http://iv-litovchenko.ru/
Ивано++ вне форума   Ответить с цитированием
Старый 09.07.2013, 22:14   #8
Ивано++
Senior Member
 
Аватар для Ивано++
 
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
По умолчанию

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

В котором есть свой API...
И по нему можно ориентироваться.
__________________
Иван Литовченко
http://iv-litovchenko.ru/
Ивано++ вне форума   Ответить с цитированием
Старый 09.07.2013, 22:15   #9
Ивано++
Senior Member
 
Аватар для Ивано++
 
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
По умолчанию

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


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

Не подумайте - что я сам с сабой болтаю.
__________________
Иван Литовченко
http://iv-litovchenko.ru/
Ивано++ вне форума   Ответить с цитированием
Старый 09.07.2013, 22:23   #10
Ивано++
Senior Member
 
Аватар для Ивано++
 
Регистрация: 18.01.2013
Адрес: Russia , Moscow
Сообщений: 796
По умолчанию

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

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

__________________
Иван Литовченко
http://iv-litovchenko.ru/
Ивано++ вне форума   Ответить с цитированием
Ответ


Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB code is Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
TinyMCE RTE рулит Valery Romanchev HTMLArea, RTE, tinymce_rte и другие визуальные редакторы 10 02.07.2013 22:33
TinyMCE RTE как активировать? From Общие вопросы 2 30.12.2012 13:41
Как к редактору TinyMCE RTE добавить css сайта со стилем musson Общие вопросы 3 27.05.2012 02:19
cloud-carousel typo3 Разработка расширений / TYPO3 extension development 13 17.02.2011 19:12
htmlArea RTE 1.4.1 Double installs? DeNiko HTMLArea, RTE, tinymce_rte и другие визуальные редакторы 1 13.08.2006 17:16


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


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

Хостинг и техническая поддержка: TYPO3 Лаборатория