我正在构建一个类似于 pagemodo.com 的页面自定义功能的功能。用户必须单击 HTML 页面中的标签(div),CKEDITOR 将加载带有标签文本的单独 div。
现在,ckeditor 正在加载标签文本,但 CKEDITOR 的“KeyUp”事件没有触发。只有当“KeyUp”事件触发时,我才能调用另一个函数“readAsTyped”来同时更改标签中的文本。
您可以在此处查看工作副本http://graffiti-media.co/testing/rashmi/custom/
$(document).ready(function() {
$('.editable').click(function(){
$(this).children().each(function(index, domEle) {
createEditor($(domEle).text(), domEle);
});
});
});
var editor, html = '';
function createEditor(text1, domEle)
{
// Create a new editor inside the <div id="editor">, setting its value to html
var config = {};
ckeditor_instance = CKEDITOR.appendTo( 'editor', config, text1 );
var abc=ckeditor_instance.name;
ckeditor_instance.on('instanceCreated', function(e) {
e.editor.on('contentDom', function() {
e.editor.document.on('keyup', function(event) {
// keyup event in ckeditor
readAsTyped($('#cke_editor2'),$(domEle));
//on focus
}
);
});
});
}
function readAsTyped(obj, label) {
var typedVal = obj.val();
// set the value of characters into the label
$(label).html(typedVal);
}
任何帮助将不胜感激。