Javascript 如何输出具有匹配样式的编辑器代码段

我有个问题要问编辑。。。 首先，我必须说，我现在搜索了3个多小时，我不知道，如果我这么坏，或者为什么我什么也没找到。。。 我正在寻找一种方法，如何用正确的样式输出CKEditor文本和我添加了一个语法高亮插件（），我也希望使用正确的样式

有人能帮助我，如何用正确的样式格式化这个吗

输入：

<h1>Hello world!</h1>
<p>I&#39;m an instance of <a href="http://ckeditor.com">CKEditor</a>.</p>
<pre>
   <code class="language-javascript">
      var i = "test";
      alert(i);
   </code>
</pre>

输出：

<h1>Hello world!</h1>
<p>I&#39;m an instance of <a href="http://ckeditor.com">CKEditor</a>.</p>
<pre>
   <code class="language-javascript">
      var i = "test";
      alert(i);
   </code>
</pre>

代码：

<h1>Hello world!</h1>
<p>I&#39;m an instance of <a href="http://ckeditor.com">CKEditor</a>.</p>
<pre>
   <code class="language-javascript">
      var i = "test";
      alert(i);
   </code>
</pre>

你好，世界！
我'；我是一个例子


var i=“测试”；
警报（一）；

---

你说你已经找了3个小时的答案，这有点可笑，因为官方已经解释过了。有时只检查文档是有意义的，可能是：）

目标页 要在显示CKEditor内容的目标页面上查看高亮显示的样式，需要在此页面上加载

highlight.js

脚本和主题的样式表。您可以重用

ckeditor/plugins/codesippet/lib/highlight

目录中的

highlight.js

副本，也可以从。 （……）

---

阅读更多详细信息并在此处获取一些代码：

很有趣，你说你已经寻找了3个小时的答案，正如官方解释的那样。有时只检查文档是有意义的，可能是：）

目标页 要在显示CKEditor内容的目标页面上查看高亮显示的样式，需要在此页面上加载

highlight.js

脚本和主题的样式表。您可以重用

ckeditor/plugins/codesippet/lib/highlight

目录中的

highlight.js

副本，也可以从。 （……）

---

阅读更多详细信息，并在此处获取一些代码：

谢谢，sry我好像没读过。如果我在家，我会试试：）不客气，这真的很有趣：）很高兴能够提供帮助并享受使用CKEditor的乐趣！我还有一个问题。我读过，我必须使用Javascript（函数hljs.initHighlightingOnLoad（）；来突出显示内容…有没有办法绕过Javascript？我不能在我的情况下使用它…谢谢你，sry，我好像没有读过它。\ ux。如果我在家，我会尝试一下：）不客气，这真的很有趣：）很高兴能够提供帮助并享受使用CKEditor的乐趣！我还有一个问题。我读过，我必须使用Javascript（函数hljs.initHighlightingOnLoad（）；来突出显示内容…有没有办法绕过Javascript？我不能在我的情况下使用它。。。