2014-07-10 60 views
0

HTML:的JavaScript打印關於CKEditor的內容

<textarea name="Editor" class="ckeditor" id="aboutme">@Model.Content</textarea> 


<button type="button" onclick="Print()">Print</button> 

的Javascript:

function Print() { 
     printcontent($("#printDiv").html()); 
    } 
    function printcontent(content) { 

     var i = CKEDITOR.instances.editor1; 

     i.editor.execCommand('print'); 

    } 

我試過JavaScript代碼的上方,以便打印內容的CKEditor但是它沒有爲我工作。

如何在按鈕單擊時打印ckeditor內容?

回答

2

您可以使用Print addon

這個插件激活打印功能。一個標準的操作 系統打印彈出窗口將出現,你將能夠在 選擇打印機以及所有相關的選項。

然後您將能夠撥打print命令打開打印對話框。

要叫上您的自定義按鈕,命令你可以使用:

<textarea name="Editor" class="ckeditor" id="aboutme">@Model.Content</textarea> 
<button type="button" onclick="print('aboutme')">Print</button> 
<script> 
    function print(editorName) { 
     var editor = CKEDITOR.instances[editorName];   
     editor.execCommand('print'); 
    } 
</script>