我运行了一个关于编程语言的网站，该语言与前端集成得非常好，前端为无法在浏览器中复制的代码添加了许多样式。因此，我通过在文本块中穿插代码图像来发布教程。单击图像将代码复制到剪贴板，以便人们可以在自己的前端使用它们。下面是用于此的HTML代码：

<img src="..." />
<textarea>code goes here</textarea>

Thetextarea 元素使用CSS隐藏。因为我禁用了wpautop 但现在我升级到古腾堡，这似乎不再是一个选项。现在它插入<br /> 我的内容中的标记。

什么是这个问题的长期、适当的解决方案？积木能帮我吗？