Question

HTML

<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内容？

Answer 1

您可以使用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>

Answer 2

$scope.print = function () {        
  CKEDITOR.instances.certificate_editor.execCommand('print');
};

<button type="button" class="btn-primary" ng-click="print()">Print</button>

用于CKEditor内容的JavaScript打印

2 个答案: