如何让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>并且工作正常。