如何在CKeditor 5中打印预览？

Question

我在CKEditor上显示了一个文档或html内容。我需要一个打印预览按钮在我的文档之上。我对文档进行了大量研究，但找不到合适的api或插件。

我发现了这个分页功能，在其中我可以看到“打开打印预览”按钮，这正是我所需要的，但我没有看到它的api或插件信息。https://ckeditor.com/docs/ckeditor5/latest/features/page-break.html

这个答案告诉我，它有一个本地api，但在任何地方都找不到。https://github.com/ckeditor/ckeditor5/issues/5868#issuecomment-932193441

我需要在CKeditor之外使用Javascript手动完成吗？让我知道。我也尝试过这个CKEditor -打印工具栏外的按钮，但是得到了一个错误，说明函数没有定义。我正在执行它的角度9目前。

我需要能够去浏览器的打印预览窗口点击一个按钮从工具栏或某处的文档。

Answer 1

您可以在CKEditor 用于分页的GitHub上找到此解决方案的代码。

请记住做以下工作，使其工作类似于分页演示页：

1. 包含以下样式以隐藏打印iframe容器 #打印-数据容器{位置:绝对；宽度:1 1px；高度:1 1px；边距：-1 1px；边框: 0；填充: 0；空白:现在；剪辑路径: inset(100%)；剪辑: rect(0 0 0)；溢出:隐藏；
2. 包含带有id -print-data-容器的iFrame。 打开打印预览
3. 包括snippet.css文件。 < link rel=“样式表”href="https://ckeditor.com/docs/ckeditor5/latest/snippets/features/page-break/snippet.css“type="text/css">
4. 将页面中的内容包含在一个单独的javascript文件中，并导入到HTML/JSP文件中。(让它在同一个文件中不适用于我，原因是结束脚本标记冲突)