添加自己的HTML元素和自定义CSS在Vaadin应用

问题描述：

我创造Vaadin Web应用程序。我发现可以使用CSS添加自定义布局，或者为现有的vaadin组件创建自己的主题。有没有一种可能性添加自己的HTML元素和CSS在Vaadin应用程序？如果是的话，你怎么能实现它？（Java的8，IntelliJ IDEA的）添加自己的HTML元素和自定义CSS在Vaadin应用

这要看你怎么想达到的目的。但添加CSS到Vaadin是只是一个你提到的自定义布局将它添加到SCCS风格，HTML的物质（或通过HTML渲染模式标签） –

我在纯HTML和CSS创建简单的新闻，股票，并尝试添加它到我的应用程序（主要包含vaadin元素）。所以你考虑自定义布局，如：https://vaadin.com/docs/-/part/framework/layout/layout-customlayout.html？你的HTML里面这里 – gooornik07

答

除此之外，你可以直接通过标签的内容模式设置为HTML编写HTML和CSS：

Label label = new Label("<p style='background: yellow;'>Test</p>"); 
label.setContentMode(ContentMode.HTML);

如果你重新显示用户输入的文本确保你洁净了，否则你可能会被你的应用程序中打开高达XSS等.. –

跨站点脚本:(其实并不是一个坏主意，标签内写入，但我的CSS是有许多动画复杂，所以它需要额外的工作，它改写到一个HTML文件，一点点:( – gooornik07

*编辑*忘记有关内部CSS风格 - 它很容易使HTML出HTML + CSS的，我会试试这个短期而言，如果我找不到更好的解决办法:) – gooornik07

添加自己的HTML元素和自定义CSS在Vaadin应用

相关推荐