如何让CKEditor用于内联编辑

Question

我想使用CKEditor编辑我网站上的网页。内联编辑功能看起来很酷，但我无法让它工作。

我将他们网站上的示例复制到我的一个页面，我可以编辑文本，但CKEditor没有出现？控制台中没有错误。

出了什么问题。

Answer 1

经过对CKEditor网站的一些研究后发现CKEditor有一组受限制的标签会突然出现。您可以看到list here on the CKEDITOR.dtd.$editable object

默认情况下，它只会弹出以下标记

{address: 1, article: 1, aside: 1, blockquote: 1, body: 1, details: 1, 
div: 1, fieldset: 1, figcaption: 1, footer: 1, form: 1, 
h1: 1, h2: 1, h3: 1, h4: 1, h5: 1, h6: 1, header: 1, hgroup: 1, main: 1,
nav: 1, p: 1, pre: 1, section: 1}

我正在使用<span>因此无效。将其更改为<div>并且有效。