html - Ckeditor/WYSIWYG 从 pdf 复制并保留样式/图像？

Question

我搜索了很多，但找不到答案。

我想保留从 pdf 复制的文本至 WYSIWYG editor (Ckeditor)。从 Word 文件复制时我可以保留样式，但从 PDF 复制时它的工作方式不同.

原创 pdf是这样的(我无法发布图像，因为声誉是 < 10，请引用链接):

PDF 文本

复制粘贴后输出如下:

在所见即所得编辑器中复制粘贴后

请推荐用于 PDF 到 RTF 转换的插件或代码片段。

谢谢

Answer 1

CKEditor 只能粘贴从浏览器获取的数据。这意味着如果浏览器不提供更多数据，那么纯文本 CKEditor 将无能为力。

从 4.5 版开始，CKEditor 提供外观来处理剪贴板 API 并获取所有直接粘贴到 paste 事件中的数据。每个浏览器提供不同的数据，您可以轻松查看它们:

editor.on( 'paste', function( evt ) {
  var types = evt.data.dataTransfer.$.types;

  console.log( types );

  for ( var i = 0; i < types.length; i++ ) {
    console.log( evt.data.dataTransfer.getData( types[ i ] ) );
  }

  // Additionally you can get information about pasted files.
  console.log( evt.data.dataTransfer.getFilesCount() );
} );

请注意，Internet Explorer 不提供 types 数组，并且仅支持 Text 和 URL 类型。

要了解有关剪贴板集成的更多信息，请参阅 this guide .特别是“使用剪贴板 API 处理各种数据类型”章节描述了如何将数据转换器与粘贴事件集成，因此如果 PDF 数据在任何浏览器中可用，您都可以在粘贴过程中使用它们。