0

我正在构建一个类似于 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);
}

任何帮助将不胜感激。

4

1 回答 1

0

你的意思是这样的吗? http://alfonsoml.blogspot.com.es/2012/05/recipe-live-preview-of-ckeditor.html

于 2012-07-05T13:32:57.953 回答