javascript - CKEditor 内联代码片段突出显示

标签 javascript ckeditor code-snippets

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

注意:突出显示在完整编辑器版本中工作正常(“替换”而不是“内联”)

这是我的代码:

<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>

这就是我得到的: Screenshot of my CKEditor

最佳答案

我发现是什么原因导致了这个问题,Prism荧光笔似乎没有处理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">

关于javascript - CKEditor 内联代码片段突出显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42971474/

相关文章:

C# snippet 创建片段

javascript - 使用 javascript 读取 HTML 文件以生成数据

javascript - 在 React 中解析 JSON 输入时出错

jquery - CKeditor 有自动完成功能吗?

ruby-on-rails-3 - Ckeditor 在根 URI 中搜索资源,而其应用程序位于子 URI 上

c# - 在 VS2010 Express 中创建构造函数的代码片段

php - Cookie - PHP 与 Javascript

javascript - 具有全宽下拉面板的流体 CSS 产品网格(无绝对定位)

javascript - 挂接到 insertElement 事件是否安全?

visual-studio-code - VScode 中的 'Javascript Language Basic' 配置在哪里?