我正在寻找一种方法,在后端的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>
我的配置:
感谢您的帮助!
答案 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;
}
这样就可以选择“内容”表格。后端整个表的样式。