2014-07-10 36 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>