TinyMCE RTE рулит-2 (EXT: tinymce_rte) - Страница 2

Ивано++ · 10.07.2013, 09:34

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

Андрей Аксенов · 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

Цитата:

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

Думаю, нужно попробовать задать настройки в 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

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

10.07.2013, 09:34	#11
Ивано++ Senior Member Регистрация: 18.01.2013 Адрес: Russia , Moscow Сообщений: 796	Хотелось бы получить что-нибудь вроде этого... __________________ Иван Литовченко http://iv-litovchenko.ru/

10.07.2013, 14:19	#13
Ивано++ Senior Member Регистрация: 18.01.2013 Адрес: Russia , Moscow Сообщений: 796	Про это читал... Но не пойму с блоками... Как настраивать именно (как показано на картинке выше). __________________ Иван Литовченко http://iv-litovchenko.ru/

10.07.2013, 15:12	#17
Ивано++ Senior Member Регистрация: 18.01.2013 Адрес: Russia , Moscow Сообщений: 796	Интересно... __________________ Иван Литовченко http://iv-litovchenko.ru/

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
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

10.07.2013, 14:13	#12
Андрей Аксенов Senior Member Регистрация: 12.04.2008 Адрес: Россия, Москва Сообщений: 706	Тогда нужно почитать документацию по этому расширению: http://typo3.org/extension-manuals/t...te/0.9.2/view/ Там настройки задаются в чуть измененном виде, к тому же идет онлайн утилита по начальной настройке.

10.07.2013, 14:23	#14
Андрей Аксенов Senior Member Регистрация: 12.04.2008 Адрес: Россия, Москва Сообщений: 706	Думаю, нужно попробовать задать настройки в TS страницы/пользователя в блоке RTE.default, а не tinimce.default Кроме того, я не даром давал ссылку на настройку стандартного RTE - эти настройки также воздействуют и на не стандартные редакторы.