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);
}
どんな助けでも大歓迎です。