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