Question

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

非常感谢任何帮助。

Answer 1

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

用ckeditor编辑页面

1 个答案: