如何将 css 类名添加到 Squarespace 中的文本块？

Question

我需要向 Squarespace 文本块添加类名或 ID，以便 JavaScript 定位。如果我使用代码块添加文本，我可以添加一个类名，但是它不能像其他文本块一样容易地编辑。

我正在寻找一种方法来添加类名，而元素仍被识别为文本块。

有没有办法从编辑器中做到这一点，或者开发者模式是我唯一的选择。

Answer 1

很遗憾，您不能在 Squarespace 中直接编辑文本块（或除 markdown 和代码块之外的任何块）的 HTML。 Squarespace 不提供此类功能。

即使使用开发者模式，也只能访问整个模板和周边代码。在开发者模式下，可以插入“block fields”（允许内容编辑器在网格中添加/拖放/排列块的区域）并向块字段添加一个类，但不能更改块字段中的代码也不是积木本身。

替代方案/解决方法：

• 将块 ID 与 .row、.col、p、first-child 和 nth-child 选择器结合使用，以定位文本块中的特定元素。有关使用块 ID here 和 here 的更多信息。当然，这样做意味着您的选择器会很脆弱……编辑文本块中的文本可能会改变您使用的选择器的适用性。
• 如果需要定位 p 元素中的一个或多个特定词，可以突出显示文本块中的文本，将其设置为粗体和斜体，然后通过 JavaScript 和/或 CSS 使用块 ID 与 strong、em 选择器组合。 注意您单击粗体和斜体按钮的顺序，因为这决定了哪个在哪个内部，并更改您的选择器。 您可以根据需要覆盖字体粗细和字体样式。这是 Squarespace 设计师中流行的解决方法，尽管它很荒谬（编辑：您也可以按键盘上的 CTRL+U 来为突出显示的文本添加下划线，然后通过 CSS 定位带下划线的元素）。
• 如您所述，使用代码块或降价块。