Настройки CSS для htmlarea RTE

[maaboo]

Пытаюсь освоить сабж и чувствую, что и без того скудный мой мозг, эта штука пытается съесть.

Первый и главный вопрос мне непонятный - каким образом связаны Text Style, Block Style и список Remove block format ... Quotation со стилями, применяемыми к тексту во FE? За нахрена их целых три штуки?

Из-за этого я не могу понять, сколько файлов стилей и как мне надо сделать, чтобы просто делать текст, попутно выбирая из одного (!) списка, применяемый к нему класс. Ну типа просто как "Ворде". Или это не так просто?

[-=UncleByte=-]

Text Style реализуется как <span class="">, а Block Style применяется уже к контейнерам.

[Andrey Grey]

Если хорошо сверстать шаблон, то в идеале нужен только один css файл, который будет работать как с BE, так и с FE.
Ну и естественно не забывае прописывать те классы в tsconfig, которые использоваь будем в работе с сайтом.
Также, например, для таблиц и их ящеек и строк описываем названия и свойства в tsconfig.
Например

RTE.classes{
span-red-bold{
name = Выделить красным
value = color:#CC0000; font-weight:bold;
}
small-ttf{
name = Мелкий шрифт
value = font-size:10px; margin:0 0 8px;
}
}

И естественно в css должны быть определены классы: span-red-bold, small-ttf

Так что если правильно сверстан шаблон, то применять можно один стиль... ну за исключением тех случаев когда используется множество разных дизайнов. тогда лучше вывести общие классы и вид тегов body,p,div .... ul li в отдельный файл.

[maaboo]

А что насчёт Heading 1..6 и Quotation?

[maaboo]

Например

RTE.classes{
span-red-bold{
name = Выделить красным
value = color:#CC0000; font-weight:bold;
}
small-ttf{
name = Мелкий шрифт
value = font-size:10px; margin:0 0 8px;
}
}

И естественно в css должны быть определены классы: span-red-bold, small-ttf


Какое-то дублирование получается - и в TS и в CSS надо одно и тоже прописывать...

[Andrey Grey]

Какое-то дублирование получается - и в TS и в CSS надо одно и тоже прописывать...

это не дублирование. в css файле вы определяете как будет выглядеть в фронтенде. а в tsconfig вы опредляете как будет выглядеть запись в выпадающем списке выбора стиля.... название + оформление, т.е. текст будет чуть жирный и написан краным у опредленного стиля, у дргого - другой. если это неуказать, то будут просто названия.... это работает только в нормальных браузерах. в ие6 отображения цвета и болда не будет

[Andrey Grey]

А что насчёт Heading 1..6 и Quotation?
а что насчет них?

[maaboo]

а что насчет них?
Они каким боком и к чему пришиваются?

[maaboo]

это не дублирование. в css файле вы определяете как будет выглядеть в фронтенде. а в tsconfig вы опредляете как будет выглядеть запись в выпадающем списке выбора стиля.... название + оформление, т.е. текст будет чуть жирный и написан краным у опредленного стиля, у дргого - другой. если это неуказать, то будут просто названия.... это работает только в нормальных браузерах. в ие6 отображения цвета и болда не будет

Так это обязательно для заполнения или нет?

[-=UncleByte=-]

А что насчёт Heading 1..6 и Quotation?

А это уже h1-h6 и blockquote соответственно.

[maaboo]

А это уже h1-h6 и blockquote соответственно.

Это ещё один css? И ещё один TS?

[-=UncleByte=-]

Это можно спокойно прописать в основном css и забыть об этом ;)

[maaboo]

Это можно спокойно прописать в основном css и забыть об этом ;)

Чёрт, неудобно-то как... а может другие редакторы удобнее в этом смысле?
Ну чтобы одной css-кой и в одном месте, без TS...

[-=UncleByte=-]

Так а что мешает просто прописать один большой общий css и просто-напросто в TS добавить для RTE возможность использовать стили из него?

[Andrey Grey]

в tinyRTE тоже нужно править tsconfig, если нужны классы

[maaboo]

Подключил блочные и строчные стили, задал рабочие параметры для всего редактора:


# General config

RTE.default {
contentCSS = dat/css/htmlarearte.css
useCSS = 1
showTagFreeClasses = 1
showStatusBar = 0
proc.dontConvBRtoParagraph = 1
proc.dontConvDIVtoParagraph = 1
proc.allowTagsOutside = img, ul
#
disableColorPicker = 1
disableSelectColor = 1
# Define block and span styles
classesParagraph = para
classesCharacter = sic
#
showButtons = class, blockstylelabel, blockstyle, textstylelabel, textstyle, formatblock, link, findreplace, chMode, removeformat, undo, redo, about
}

# Classes config

RTE.classes {
# Block
para {
name = Стд параграф с отступом
value = text-indent:2em;
# Span
sic {
name = Sic! внутристрочный
value = background:#900;
}
}


Всё правильно? Или что-то не так?

Таки не понял как правильно определить заголовки... Писать же их в RTE.classes и в htmlarearte.css? Просто

h1 {
font-size: 2em;
}

?

А как поменять им названия, сродни тем же classesParagraph и classesCharacter?

Да, ещё и почему-то строчный sic появляется в выпадающем списке Block Style... Это нормально? Если нет - как убрать?