2013-11-24 2 views
0

я удалил кнопку печати из CKEditor панели инструментов ... Теперь я хочу кнопку печати, чтобы быть вне CKEditor в другом сНу теге, который находится рядом с CKEditor .... и я хочу, кнопка печати, чтобы изображение кнопки, которая используется в CKEditor кнопки печати ... на config.js код кнопки:CKEditor - Печать Кнопка Вне панели

config.toolbar = [ 

    { name: 'clipboard', groups: [ 'clipboard', 'undo' ], items: [ 'PasteText', 'Undo', 'Redo' ] }, 
    { name: 'editing', groups: [ 'find', 'selection', 'spellchecker' ], items: [ 'Find', 'Scayt' ] }, 
    { name: 'colors', items: [ 'TextColor', 'BGColor' ] }, 
     { name: 'styles', items: [ 'Font' ] }, 
     { name: 'styles', items: [ 'FontSize' ] }, 

     { name: 'links', items: [ ] }, 

    { name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ], items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript' ] }, 

    { name: 'document', groups: [ 'mode', 'document', 'doctools' ], items: [ ] }, //Print , Templates 

    { name: 'paragraph', groups: [ 'list', 'indent', 'blocks', 'align', 'bidi' ], items: [ 'NumberedList', 'BulletedList', 'Outdent', 'Indent', 'Blockquote', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', 'BidiLtr', 'BidiRtl', 'language' ] }, 
    { name: 'insert', items: [ 'Image', 'Table', 'PageBreak' ] }, 

    { name: 'styles', items: [ 'Styles'] }, 
    { name: 'styles', items: [ 'Format'] }, 



]; 

, как я могу это сделать те, я уже говорил выше ... ?? любая помощь была бы оценена ... спасибо заранее. :)

+0

Check Это .... [Как Trigger ВЫПЛН] (http://stackoverflow.com/questions/18830715/howto-trigger-source-button-in-ckeditor-by -another-button-which-is-outside-the) –

ответ

3

Вы можете напрямую ссылаться на команду печати. Попробуйте HTML и Javascript, как этот

<div onclick="ckePrint()">Click to print</div> 
<script type="text/javascript"> 
    function ckePrint() { 
     // Replace "editor1" with your editor name 
     var i = CKEDITOR.instances.editor1; 

     // Edited as per the comment by Reinmar 
     i.editor.execCommand('print'); 
    } 
</script> 
+2

'editor.execCommand ('print');' это правильный способ выполнения команды. – Reinmar

Смежные вопросы