Question

我在将prism代码段语法高亮显示器与CKEditor的内联版本集成时遇到问题我已经在<head>标记中添加了所需的JS和css文件但是突出显示了似乎没有工作

注意：突出显示在完整的编辑器版本中运行正常（＆＃39;替换＆＃39;而不是＆＃39;内联＆＃39;）

这是我的代码：

<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内联代码片段突出显示

1 个答案: