粘贴到 Quill 代码块时如何保留颜色?

How to preserve colors when paste into Quill code-block?

我将代码从 VSCode 复制到 Quill,它的配色方案不错。但是当我启用代码块时,它变得黑暗而无聊。有什么方法可以保留原来的颜色吗?

您在 VSCode 中看到的配色方案就是所谓的 syntax highlighting,它是动态完成的,即是程序性的,仅在 VSCode 读取代码并显示时“存在”它在某种视觉缓冲区中给你。

通常,在使用代码 snippets/markup/markdown 和复制粘贴的剪贴板时,它几乎只是文本。代码,例如您在此处使用的 html 代码,从来都不是所谓的 rich text. Mainly because rich text is already a kind of code! It is something which defines the bold and colored aspects of your text (or image uris, links, etc), that, when you see it in Word or your web browser, it is something that has been parsed as a code and turned into a presentation of formatted text (in a way, the entire history of software and/or application development revolves around this very idea, consider the history of WYSIWG).

出于这个原因,html 标记存在于您的 IDE 中,它本身只是 html 标记的“表示”,这将是一件很奇怪的事情处理起来很复杂,更不用说在编码世界中相当令人痛苦的本体。

您需要的是在 Quilljs 中重现您在 VSCode 中 css/js 中看到的相同程序语法高亮显示的东西,并且...您很幸运!

https://quilljs.com/docs/modules/syntax/

这似乎是您所需要的,您甚至可以在内部 configure it to the exact colors you like in VSCode with some patience. (Quill is using the highlight.js 库,正如模块描述页面所指出的,这就是配置 link 指向这些文档的原因。)