jquery-mobile - 如何在TYPO3中生成兼容jQueryMobile我正在尝试创建一个与 TYPO3兼容的 jQueryMobile <table>。 这意味着添加data-role="table"和cla

Question

我正在尝试创建一个与 TYPO3兼容的 jQueryMobile <table>。

这意味着添加data-role="table"和class="class="ui-responsive""。

此表可以使用 RTE 或表内容元素生成。

即时通讯

默认<table>HTML

<table style="" class="contenttable">
    <thead>
        <tr>
            <th scope="col">head 1</th>
            <th scope="col">head 2</th>
            <th scope="col">head 3</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>L 1</td>
            <td>...</td>
            <td>...</td>
        </tr>
        <tr>
            <td>L 2</td>
            <td>...</td>
            <td>...</td>
        </tr>
    </tbody>
</table>

试图解决问题

我添加了以下设置，但 jQuery 接缝不再起作用。它无限期地加载（旋转动画）。

lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.data-role.always = 1
lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.data-role.default = table

lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.default = ui-responsive
lib.parseFunc_RTE.externalBlocks.table.stdWrap.HTMLparser.tags.table.fixAttrib.class.list = ui-responsive

内容元素

默认<table>HTML

<table class="contenttable contenttable-0 test">
    <thead>
        <tr class="tr-even tr-0">
             <th class="td-0" scope="col" id="col162967-0">head 1</th>
             <th class="td-1" scope="col" id="col162967-1">head 2</th>
             <th class="td-last td-2" scope="col" id="col162967-2">head 3</th>
         </tr>
     </thead>
     <tbody>
         <tr class="tr-odd tr-1">
             <td class="td-0" headers="col162967-0">L 1</td>
             <td class="td-1" headers="col162967-1">...</td>
             <td class="td-last td-2" headers="col162967-2">...</td>
         </tr>
         <tr class="tr-even tr-last">
             <td class="td-0" headers="col162967-0">L 2</td>
             <td class="td-1" headers="col162967-1">...</td>
             <td class="td-last td-2" headers="col162967-2">...</td>
         </tr>
    </tbody>
</table>

试图解决问题

我找不到在tt_content哪里添加配置以添加class和data-role.

Answer 1

For the TABLE content element you have at least 2 options:

A. Render the table yourself - You can create your own PHP method that would do the processing of the tables. I presume you are using css_styled_content extension whose method render_table() does the rendering of the tables. You can copy that method, add it to your own class and modify it so that it adds the data-role attribute as you want.

B. Do some replacing of the outputted code - You can try to use the replacement property (available in TYPO3 >=4.6) of the stdWrap to replace class="contenttable with data-role="table" class="ui-responsive. I currently cannot test it but try this:

tt_content.table.20.stdWrap.replacement {
  10 {
    search = class="contenttable
    replace = data-role="table" class="ui-responsive
  }
}

Answer 2

在 forge 处打开了一个错误报告，以通过 TSconfig TYPO3 forge 覆盖 Flexform 值。

通过覆盖 flexform 建议的解决方法完全可以正常工作：

\TYPO3\CMS\Core\Utility\ExtensionManagementUtility::addPiFlexFormValue('*', 'FILE:EXT:'.$_EXTKEY.'/flexform_table.xml', 'table');