TYPO3：除了html之外，向页面添加按钮的简单方法？_Typo3

TYPO3：除了html之外，向页面添加按钮的简单方法？

typo3

TYPO3：除了html之外，向页面添加按钮的简单方法？,typo3,Typo3,除了html之外，向typo3中的页面添加按钮的简单方法是什么，即所见即所得（wysiwyg）？我解决了扩展gridelements的问题，包括FlexForm for configuration。然后它可以用作公共内容元素我摒弃的另一种（第一种）方法是配置CKEditor。因为我需要一个容器来容纳几个按钮，也许我不知道如何及时解决它，所以我切换到使用gridelements 这是： Flexform: <?xml version="1.0" encoding="utf-8" stand

除了html之外，向typo3中的页面添加按钮的简单方法是什么，即所见即所得（wysiwyg）？

我解决了扩展

gridelements

的问题，包括FlexForm for configuration。然后它可以用作公共内容元素

我摒弃的另一种（第一种）方法是配置CKEditor。因为我需要一个容器来容纳几个按钮，也许我不知道如何及时解决它，所以我切换到使用

gridelements

这是：

Flexform:

<?xml version="1.0" encoding="utf-8" standalone="yes" ?>
<T3DataStructure>
    <ROOT type="array">
        <type>array</type>
        <el type="array">
            <color.select>
                <TCEforms>
                    <label>Button-Color (leave empty for individual color)</label>
                    <config>
                        <type>select</type>
                        <renderType>selectSingle</renderType>
                        <items>
                            <numIndex index="0" type="array">
                                <numIndex index="0"></numIndex>
                                <numIndex index="1"></numIndex>
                            </numIndex>
                            <numIndex index="1">
                                <numIndex index="0">brown</numIndex>
                                <numIndex index="1">#740e01</numIndex>
                            </numIndex>
                            <numIndex index="2">
                                <numIndex index="0">sand</numIndex>
                                <numIndex index="1">#ad9a63</numIndex>
                            </numIndex>
                            <numIndex index="3">
                                <numIndex index="0">orange</numIndex>
                                <numIndex index="1">#f0811b</numIndex>
                            </numIndex>
                        </items>
                    </config>
                </TCEforms>
            </color.select>
            <color.input type="array">
                <TCEforms type="array">
                    <label>Button-Color individual</label>
                    <config type="array">
                        <type>input</type>
                        <renderType>colorpicker</renderType>
                        <size>10</size>
                    </config>
                </TCEforms>
            </color.input>
            <link type="array">
                <TCEforms type="array">
                    <label>Button-Link</label>
                    <config type="array">
                        <type>group</type>
                        <internal_type>db</internal_type>
                        <allowed>pages</allowed>
                        <size>1</size>
                        <maxitems>1</maxitems>
                        <minitems>0</minitems>
                    </config>
                </TCEforms>
            </link>
            <text type="array">
                <TCEforms type="array">
                    <label>Button-Text</label>
                    <config type="array">
                        <type>input</type>
                    </config>
                </TCEforms>
            </text>
        </el>
    </ROOT>
</T3DataStructure>

tt_content.gridelements_pi1.20.10.setup {
    5 < lib.gridelements.defaultGridSetup
    5 {
        prepend = COA
        prepend {
            wrap = <div class="btn-container btn-full-size">|</div>
            10 = TEXT
            10 {
                data = field:flexform_text
                stdWrap.typolink {
                    parameter.data = field:flexform_link
                }
                stdWrap.outerWrap.cObject = COA
                stdWrap.outerWrap.cObject {
                    10 = TEXT
                    10.data = field:flexform_color.input
                    10.stdWrap.override.data = field:flexform_color.select
                    10.stdWrap.override.if {
                        isFalse.data = field:flexform_color.select
                        negate = 1
                    }
                    10.wrap = <p class="btn" style="background-color:|">
                    20 = TEXT
                    20.value = |</p>
                }
            }
        }
    }
}

顶部的数字5必须替换为加载flexform的相应gridelement的uid。将自动为行和列添加一些网格配置，只需忽略它（行：0，列：0）

打字脚本中的HTML包装器当然可以改变，CSS也可以自己添加；-）

因此，HTML肯定是以某种方式参与进来的，但是编辑器可以不直接使用HTML而只使用表单来添加按钮。