reactjs 如何通过Quill JS富文本编辑器集成上传文件(pdf,doc等)?

y3bcpkx1  于 5个月前  发布在  React
关注(0)|答案(3)|浏览(103)

默认情况下,Quill支持图像,视频和公式等嵌入格式。我如何通过Quill编辑器嵌入pdf或doc文件?

eivnm1vs

eivnm1vs1#

看起来不支持将PDF文档嵌入Quill的功能。
参见https://github.com/quilljs/quill/issues/959
对于doc文件,看起来有一个开放的问题:
参见https://github.com/quilljs/quill/issues/2157

nhjlsmyf

nhjlsmyf2#

这在HTML编辑窗口中总是可能的,但与尝试编辑PDF相同,它比无用更糟糕,因为它会导致尝试更多的诱惑。
x1c 0d1x的数据
因此,考虑正在发生的事情是,像任何活动的HTML一样,需要有两个端口孔进入另一个或两个维度。因此,这个HTML或那些内容不会受到损害,有一个防火墙包围着那个燃烧的边缘,因此你不能缩放或以其他方式更改/访问这些内容。
你可能会滚动一点,因为框架有滑块或文本选项卡控件,但它会导致气球失望,什么可以使用。
在基于HTML的编辑器中,页面代码必须是HTML,它不能是DOC或PDF或未经转换和导入为HTML的可编辑图像。
要“嵌入”一个PDF在例如MS Office文档只有首页的图像显示和整个文档附加到文件的末尾.然而MS Word确实有能力导入转换和编辑PDF内容,如果它是一个Word文档,那么它可以保存为HTML文件.

pwuypxnk

pwuypxnk3#

将PDF或DOC文件直接嵌入Quill可能不那么简单,因为这些文件类型本身不支持像图像或视频那样直接嵌入
1.转换为图像
您可能需要将PDF或DOC文件的每个页面转换为图像(例如PNG或JPEG),然后将这些图像嵌入Quill。
1.转换为HTML或Markdown:
将PDF或DOC文件的内容转换为HTML或Markdown,然后使用Quill处理HTML或Markdown内容。
1.嵌入Iframe
如果PDF或DOC文件是在线托管的,您可以使用iframe将其嵌入到Quill中。如下所示:

<div id="editor-container"></div>

<script src="https://cdn.quilljs.com/1.3.6/quill.js"></script>
<script>
  var quill = new Quill('#editor-container', {
    theme: 'snow'
  });

  // Assuming the PDF or DOC file is hosted online
  var embedCode = '<iframe src="https://example.com/path/to/your/document.pdf" width="600" height="400"></iframe>';
  quill.clipboard.dangerouslyPasteHTML(embedCode);
</script>

字符串
注意:这是一个有点黑客设计谨慎使用

相关问题