为什么我的SiteEdit组件区域很小？

Question

我的复合组件模板中有默认的SiteEdit内联编辑模板构建块，并且只在我发布的SiteEdit页面上看到非常小的编辑区域。

如何使可编辑区域更大？

Answer 1

SiteEdit的默认“wrap”标记为<span>。作为内联HTML元素，它将折叠到其内容的大小，特别是如果您对元素没有任何CSS大小限制。

添加“启用SiteEdit”模板构建块时，请考虑使用“div”（无尖括号）代替“Default HTML Tag”参数。

对于空组件，SiteEdit边框可能仍然只有几个像素高，但它至少会拉伸所包含区域的宽度。

Answer 2

我发现通常最好的解决方法是手动将SiteEdit JSON表示法放在模板中。您可以完全控制边框应用于哪个元素。在这种情况下，您还可以最大限度地减少写入页面的额外标记。

您还可以调整CSS以将SE跨度（或替代元素）的高度设置为100％。