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

Question

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

如何使可编辑区域变大？

Answer 1

我发现处理这个问题的最好方法通常是手动将SiteEdit JSON符号放入模板中。然后，您可以完全控制将边框应用到哪个元素。在这种情况下，您还可以最小化写入到页面中的额外标记。

您还可以调整CSS以将SE跨度(或备用元素)上的高度设置为100%。

Answer 2

SiteEdit的默认“包装”标签是<span>。作为内联HTML元素，它将折叠到其内容的大小，特别是在元素上没有任何CSS大小限制的情况下。

在添加"Enable SiteEdit“模板构建块时，请考虑使用"div”(无尖括号)代替"Default HTML Tag“参数。

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