Установите класс по умолчанию для таблицы при добавлении его в RTE.

Я ищу способ добавить значение по умолчанию class на table в представлении RTE в Backend.

Когда я создаю table в RTE, вывод в бэкенде следующий:

<table summary="" cellspacing="" cellpadding="" dir="">
  <thead>
    <tr>
      <th scope="col">blabla</th>
      <th scope="col">blabla</th>
      <th scope="col">blabla</th>
      <th scope="col">blabla</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>blabla</td>
      <td>blabla</td>
      <td>blabla</td>
      <td>blabla</td>
    </tr>
  </tbody>
</table>

Что я могу сделать, чтобы добавить к нему class="myclass"?

<table class="myclass" summary="" cellspacing="" cellpadding="" dir="">
  <thead>
    <tr>
      <th scope="col">blabla</th>
      <th scope="col">blabla</th>
      <th scope="col">blabla</th>
      <th scope="col">blabla</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>blabla</td>
      <td>blabla</td>
      <td>blabla</td>
      <td>blabla</td>
    </tr>
  </tbody>
</table>

Редактировать код таблицы в RTE

Моя конфигурация:

  • ТИПО3 4.7.10
  • htmlArea RTE (rtehtmlarea) 4.7.7

Спасибо за вашу помощь !


typo3 rte
person alienlebarge    schedule 24.10.2014    source источник
comment
Это дубликат stackoverflow. com/questions/20648083/, там это задокументировано.   -  person lorenz    schedule 24.10.2014
comment
... но хорошее описание, кстати!   -  person lorenz    schedule 24.10.2014
comment
@lorenz Насколько я понимаю, stackoverflow. com/questions/20648083/ , это для фронтального рендеринга. Мой вопрос касается бэкенда. Когда я создаю таблицу в RTE, как автоматически добавить в нее class="contestable". спасибо за документацию ;)   -  person alienlebarge    schedule 24.10.2014

Ответы (1)


arrow_upward
0
arrow_downward

Насколько я вижу, нет возможности установить стиль таблицы по умолчанию или стиль блока для таблицы. Взгляните на источник: typo3/sysext/rtehtmlarea/Resources/Public/JavaScript/Plugins/TableOperations.js.

Самое близкое, что вы можете получить, это выбрать свой стиль при создании таблицы.

Вам понадобится кусок TSConfig:

RTE {
    classes {
        contenttable {
            name = Content table
            value =
        }
    }

    default {
        contentCSS = EXT:some_plugin/Resources/Public/StyleSheets/RichTextEditor.css

        buttons {
            blockstyle {
                tags {
                    table.allowedClasses := addToList(contenttable)
                }
            }
        }

        proc {
            entryHTMLparser_db = 1
            entryHTMLparser_db {
                tags {
                    table {
                        allowedAttribs := addToList(class)
                    }
                }
            }

            allowedClasses := addToList(contenttable)
        }
    }
}

И таблица стилей: some_plugin/Resources/Public/StyleSheets/RichTextEditor.css

table.contenttable {
    border: 1px solid #c2c2c2;
}

table.contenttable td {
    padding: 0.5em;
}

table.contentable thead {
    background: #b2ebaf;
}

table.contenttable th {
    background-color: #00a2dd;
    color: #171717;
}

table.contenttable th {
    border: 1px none #00a2dd;
    border-bottom-style: solid;
    margin: 0px;
    padding: 3px;
    font-weight: normal;
}

table.contenttable th {
    border-style: solid none solid none;
    font-weight: bold;
}

td.align-left {
    text-align: left;
}

td.align-right {
    text-align: right;
}

td.align-center {
    text-align: center;
}

td.align-justify {
    text-align: justify;
}

Это позволит выбрать стиль «Таблица содержимого» для всей таблицы в бэкенде.

person Michiel Roos    schedule 06.12.2016