CloudCannon 可视化编辑器不工作？

Question

我在 netlify 上部署了一个 Jekyll 网站，我使用 CloudCannon 为我的网站制作 "template"。我遵循了这个 tutorial 但是当我添加 class="editable" 时，可视化编辑器不允许我在更改任何文本时保存更改（保存按钮被禁用）。例如，当我在右侧面板中更新页面标题时，不会发生这种情况。

页面是这样显示的：

这是它的代码（我在 default.html 布局中有 header 和页脚）：

---
layout: default
title: Inicio
permalink: /
---

<header>
    <div class="header-content editable">
        <div class="header-content-inner editable">
            <h1 class="editable">
                Esta es la p&aacute;gina de inicio del portal de jekyll y liquid
            </h1>
            <hr />
            <p class="editable">
                Este sitio web es un ejemplo del uso de jekyll 
            </p>
            <a class="editable btn btn-primary btn-xl page-scroll" href="/about.html">¿Quieres saber más?</a>
        </div>
    </div>
</header>
<aside class="bg-dark">
    <div class="container text-center editable">
        <div class="call-to-action editable">
            <h2 class="editable">
                &iquest;Quieres ver lo que te ofrecemos? 
            </h2>
            <a class="editable btn btn-default btn-xl wow tada" href="/services.html">Mira nuestros servicios</a>
        </div>
    </div>
</aside>

我将 class="editable" 添加到每个标签中试图使其工作，因为 class 无处工作。

我无法提供网站。

Answer 1

您有包含可编辑内容的嵌套 div class。这会导致错误。删除所有可编辑的 classes 并在单个 h2 上仅添加一个。这将解决您的问题。

CloudCannon 可视化编辑器不工作？

CloudCannon visual editor is not working?

jekyll

liquid

cloudcannon