CloudCannon 可视化编辑器不工作?
CloudCannon visual editor is not working?
我在 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á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">
¿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 无处工作。
我无法提供网站。
您有包含可编辑内容的嵌套 div class。这会导致错误。删除所有可编辑的 classes 并在单个 h2 上仅添加一个。这将解决您的问题。
我在 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á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">
¿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 无处工作。
我无法提供网站。
您有包含可编辑内容的嵌套 div class。这会导致错误。删除所有可编辑的 classes 并在单个 h2 上仅添加一个。这将解决您的问题。