0

エディターの横にあるボタンがクリックされたときに、新しいモーダル ウィンドウで ckeditor コンテンツを html として表示する方法。以下はhtmlです

 <img  src="Image/icons/preview.png" alt="Preview" id="img1" class="preview"  />

                <textarea rows="30" cols="22" id="txtHtmlHead" class="editor"></textarea>

上記のテキストエリアは ckeditor として動作します。

私を助けてください..

4

1 に答える 1

0

window.open()それを行うにはトリッキーで使用できますurlfiddle):

CKEDITOR.replace( 'editor', {
    plugins: 'sourcearea,wysiwygarea,toolbar,basicstyles',
    height: 100
} );

// Executen on button click.
function show() {
    var url = 'javascript:void( function(){' +
        'document.open();' +    
        // Note that you may need to escape HTML entities here:
        'document.write( "' + CKEDITOR.instances.editor.getData() + '" );' +
        'document.close();' +
    '})()';    

    window.open( url );
}

このような機能は、公式のPreview プラグインでも提供されているので、興味深いと思うかもしれません。

于 2013-09-20T08:41:18.083 に答える