在RTE中添加一个时,在表上设置默认类

时间:2014-10-24 09:07:49

标签: typo3 rte

我正在寻找一种方法,在后端的RTE视图中的class上添加默认table

当我在RTE中创建table时,后端的输出如下:

<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>

Edit table code in the RTE

我的配置:

  • TYPO3 4.7.10
  • htmlArea RTE(rtehtmlarea)4.7.7

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

据我所知,没有选项可以在表格上设置默认表格样式或块样式。看看来源: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;
}

这样就可以选择“内容”表格。后端整个表的样式。