CKEditor sur les éléments p créés dynamiquement

J'essaie d'ajouter dynamiquement des éléments p et de les rendre modifiables avec le CKEditor. Cependant, lorsque j'essaie le code suivant, l'éditeur n'apparaît pas.CKEditor sur les éléments p créés dynamiquement

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

Source

2013-04-12 user2161575

Avant l'appel à .inline, est-ce que le HTML rendu a l'air bien? Cela fonctionne-t-il si vous le copyposez dans un fichier html statique séparé et que vous essayez de le CKEDITify là? – Nenotlep

Avez-vous l'ID de la variable div assignée à la variable divId? 'var divId =" SomeDiv ";' Tout le reste me semble bien. –

Vous pouvez également essayer CKEDITOR.inline (document.getElementById ('vbText' + divId)); –

Ma solution, ça marche pour moi:

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);

Bonne chance!

Source

2015-09-06 10:57:28

CKEditor sur les éléments p créés dynamiquement

Répondre

Questions connexes