使用CKEditor4和Angular添加高光

时间:2019-10-23 17:02:09

标签: angular highlight ckeditor4.x

我在谜团的面前...

目标是允许用户指定带格式的文本,包括计算机代码。

Angular CLI版本8

我在npm中添加了CKEditor4 + Highlight.js:

npm install -S ngx-highlightjs highlight.js
npm install --save ckeditor4-angular

然后我添加了插件“代码片段”以在CKEditor中显示按钮“代码信息”

语法高亮显示效果很好,并且CKEditor代码标记也很好,但是整体上却没有...

让我解释一下,使用ngx-highlightjs,我们将着色称为:

<pre><code highlight="const a = 'test'"></code></pre>

但是使用Ckeditor时,代码以HTML表示:

<pre><code>const a = "test"</code></pre>

因此,通过CKEditor获得的HTML与Highlight的此实现不兼容。

我还试图通过CDN添加Highlight,以便它可以控制CKEditor的HTML,但在这种情况下是Angular和他的代码翻译员出现了问题...轨道?

0 个答案:

没有答案