如何在Victoire的生成小部件中添加HTML属性

Question

我想添加一个＆＃34; onclick＆＃34;由Victoire CMS生成的按钮窗口小部件中的属性，以便跟踪GoogleAnalytics的点击事件。我该怎么办？

干杯

Answer 1

所以我想你在这里谈论Widget Button。

不打算允许用户在此小部件上添加任意数量的属性。但是，您有多种解决方案。

1 - 使用Render Widget（推荐）

使用渲染窗口小部件替换Button Widget，并从应用程序控制器调用路径。您可以根据需要添加任意数量的参数：在您的情况下，根据您创建的按钮更改Google Analytics事件名称会很有用。

2 - 主题（最快）

可以使用自定义主题覆盖每个窗口小部件视图。例如，您可以在此处创建文件app/Resources/VictoireWidgetButtonBundle/views/showGoogleAnalytics.html.twig。

从原始视图vendor/victoire/button-widget/Victoire/Widget/ButtonBundle/Resources/views/show.html.twig复制代码并根据需要进行更改。

然后你只需要在样式模式下编辑你的Widget并选择你刚刚添加的主题。如果您的主题没有显示在此处，请清除缓存或检查路径是否与上述路径相对应。

但是，此方法为所有按钮添加新的可用主题，如果您的客户端尝试将此主题应用于另一个Button，则可能会导致错误。这就是我们推荐第一个解决方案的原因。

3 - 使用HTML Widget（快速和肮脏）

HTML Widget允许您添加自定义HTML代码。

Answer 2

你可以用这个：

<button onclick="myFunction()">Click me</button>

myFunction（）是javascript中的一个函数，当你点击一个按钮时就会完成。

每个属性都可以通过setAttribute("attribute", "value");

添加