quill-syntax-code-block-container-html
v1.0.1
Published
Re-registers the syntax code-block-container format with an updated html output that is compatible with highlight.js:
Downloads
10
Maintainers
enzedonlineReadme
Quill Syntax Code Block - getSemanticHTML() fix
This custom format is written to address an issue with Quill's code-block html method which is responsible for the rendered html when calling quill.getSemanticHTML().
Quill's Syntax module highlights code with highlight.js, but the format rendered by getSemanticHTML is not one recognised by that library.
Quill's output:
<pre data-language="xxx">...</pre>Format expected for auto-highlighting by highlight.js:
<pre><code class="language-xxx">...</code></pre>This custom format outputs the latter.
Usage
This fix is distibuted as node module and compiled js.
The format will auto-register on load.
[!WARNING]
Quill's default
code-block-containeris superceded by this format on load.This format must loaded after Quill and before the editor is created.
npm
npm install --save quill-syntax-code-block-container-htmlscript tag
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/quill-syntax-code-block-container.js">
</script>