2015-12-07 4 views
0

Я пытаюсь добавить новый класс (headline-red) для заголовков, особенно для h5-элемента. Я использую следующие настройки TS:Typo3 7.6 Добавить пользовательский класс в Heading-Element в RTE

RTE > 

RTE { 
    classes { 
     headline-red { 
      name = Heading Rot 
     } 
    } 

    default { 
     contentCSS = /typo3conf/ext/test/Resources/Public/rte.css 
     useCSS = 1 
     showTagFreeClasses = 1 

     buttons { 
      textstyle { 
       tags { 
        h5 { 
         allowedClasses(
          headline-red 
         ) 
        } 
       } 
      } 
     } 

     proc { 
      allowedClasses(
       headline-red 
      ) 
     } 
    } 
} 

Мой rte.css содержит только этот маленький кусочек ТЕСТИРОВАНИЕ:

h5.headline-red { 
    color: #c1002a; 
} 

Но это ничего не меняет на редактор RTE. Я что-то упускаю?

ответ

1

Ваш добавочный тег заголовка клиента с помощью typoscript.

Перейти на страницу >> Корневые >> Изменить (страница) >> Ресурсы и ниже TypoScript

TCEFORM.tt_content.header_layout { 
    addItems { 
     10 = Advance Header 
    } 
} 

Обертывание ваш заголовок ниже TS.

lib.stdheader.10.10 > 
lib.stdheader.10.10 = COA 
lib.stdheader.10.10 { 
    wrap = <div class="page-header"> | </div> 
    20 = TEXT 
    20.current = 1 
    20.insertData = 1 
    20.fontTag = <span class="h1" > &nbsp;|</span> 
} 

Вы достигнете выхода ниже.

enter image description here

+0

Хм это не работает для меня. Кроме того, я просто хочу добавить класс в [RTE Editor] (http://i.imgur.com/ZUYnHj6.png) – Klaus

0

Я использую такое же решение, и это работа как шарм.

В TS Config:

RTE.classes.h2-bis.name = H2 alternatif 
RTE.default.contentCSS = typo3conf/ext/ps_template/res/ressources/css/rte.css 

В Rte.css

h2.h2-bis{color: #ff0000;} 

После некоторых тестов, я думаю, что проблема просто "слэш" в вашем CSS пути. Попробуйте без него.

Bye

Смежные вопросы