CKEditor 内联代码片段突出显示

Question

我在将 prism 代码片段语法荧光笔与 CKEditor 的内联版本集成时遇到问题我已经在 <head> 中添加了所需的 JS 和 css 文件] 标签，但突出显示似乎不起作用

注意： 突出显示在完整的编辑器版本中工作正常（'replace' 而不是 'inline'）

这是我的代码：

<title>Title</title>
<link rel="stylesheet" href="plugins/codesnippet/lib/highlight/styles/arta.css">
<script src="ckeditor.js"></script>
<script src="plugins/codesnippet/lib/highlight/highlight.pack.js"></script>

</head>

<body>
    <div id="editor" contenteditable="true">
        <h1>Hello world!</h1>
        <p>I'm an instance of <a href="http://ckeditor.com">CKEditor</a>.</p>
    </div>
</body>
<script language="JavaScript">
    (function() {
        CKEDITOR.inline('editor')
    })();
</script>

</html>

这就是我得到的：

Answer 1

我发现了导致问题的原因，似乎 Prism Highlighter 没有处理 Prism JS 和 CSS 文件的自动加载，解决方案是这两行：

      <script src="plugins/prism/lib/prism/prism_patched.min.js"></script>
      <link rel="stylesheet" href="plugins/prism/lib/prism/prism_patched.min.css">

CKEditor 内联代码片段突出显示

CKEditor inline code snippets highlighting

javascript

code-snippets

ckeditor