CKEditor动态创建p元素

Question

我正在尝试动态添加p元素并使用CKEditor使它们可编辑。但是，当我尝试以下代码时，编辑器不会显示。

 var div = document.getElementById(divId);  
 div.innerHTML = '<p id="vbText'+ divId +'">Example text</p>';
 document.getElementById('vbText' + divId).contentEditable = "true";        
 CKEDITOR.inline('vbText' + divId); 

Answer 1

我的解决方案，它对我有用：

var node = document.getElementById('editor'),
div = document.createElement("div"),
h2 = document.createElement("h2");
h2.textContent = "Text";
div.appendChild(h2);
div.setAttribute('contenteditable','true');
var editor = CKEDITOR.inline(div, config);
node.appendChild(div);

祝你好运！