如何在自定义表单元素中嵌入HTML和CSS？

Question

这在Drupal 7中有效，但在Drupal 8中不起作用。

$form['covid-19'] = array(
    '#markup' => 'Due to the COVID-19 situation, we will only be purchasing e-books and e-audiobooks at this time. You are welcome to enter your information for print books, DVDs, or CDs, and they will be purchased when the libraries re-open.  Inter-library Loans [loans from outside Yavapai County] are suspended for now.',
);

我希望与风格信息的div保持完整，所以我可以评论它，当危机结束。然后我想把它作为一个占位符，为下一次危机做好准备。

在本例中，强标记通过了，但是div没有。

我还尝试将didn设置为#前缀和#后缀，但这也不起作用。

有办法这样做吗？

谢谢!

Answer 1

标记去掉了一些标记和属性。这是一种方法。

将类添加到窗体中

$form['#attributes']['class'][] = 'crisis';

将css规则添加到主题的css中

.crisis {
    display: none;
} 

如果您没有要使用的库和.css文件，则需要创建它们。在主题或THEMEorMODULE.libraries.yml中定义一个库

crisis:
  version: 1.x
  css:
    theme:
      css/crisis.css: {}

创建css/crisis.css文件并将css规则(S)放入其中

并将库附加到您的表单中。

$form['#attached']['library'][] = 'THEMEorMODULE/crisis'

和清晰的缓存

注意:上面的(伪)代码没有经过测试。欲了解更多信息，请看一下这里