Настройки 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?

[Andrey Grey]

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

а что насчет них?

[maaboo]

Сообщение от Andrey Grey

а что насчет них?

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

[-=UncleByte=-]

Сообщение от maaboo

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

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

[maaboo]

Сообщение от -=UncleByte=-

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

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

[maaboo]

Сообщение от Andrey Grey

Например

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]

Сообщение от maaboo

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

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