CMS网站集成解决方案-突出显示可用性强的插件,适用于大多数网站

发布时间:2020-07-09 12:50:00

我们不谈GitHub的下载方法。我不知道。我叔叔的博客上有一个在线磁盘包。自己去拿吧。从GitHub打包并下载文件。解压后,有6个文件夹和1个文件。Compass是一个非常丰富的风格框架-SASS的扩展,我们不能使用它,删除它。脚本核心文件夹-用于启用和标识相应的突出显示代码,保留

我们不谈GitHub的下载方法。我不知道。我叔叔的博客上有一个在线磁盘包。自己去拿吧。

从GitHub打包并下载文件。解压后,有6个文件夹和1个文件。

Compass是一个非常丰富的风格框架-SASS的扩展,我们不能使用它,删除它。

脚本核心文件夹-用于启用和标识相应的突出显示代码,保留。

样式核心文件夹-突出显示代码的样式表示,保留。

保留“样式和脚本”文件夹,并删除其余文件夹。

将这两个文件夹放入网站相应的样式目录中(您可以随意放置,但需要确保它们可以正常读取)。

SyntaxHighlighter插件的核心实现文件。

根据特定的类配置,动态生成普通的HTML标记和类属性值。

主要有两个对象:xregexp对象和SyntaxHighlighter对象。

SyntaxHighlighter插件的核心样式文件。

特定的阴影由styles文件夹中的CSS主题或自定义主题控制。

提供了一种简单的参数方法。

一般来说,代码的亮点在文章的内容中,所以叔叔建议您只需要将突出显示的CSS和JS引入到文章内容显示页面的body/body中。Uncle主要在Empire CMS上工作,或者使用ThinkPHP制作网站,因此这里只演示这两个环境。

由于TinyMCE与syntaxhighlight不兼容,叔叔决定启用他的codesample控件,然后通过代码转换,让前台使用syntaxhighlight样式输出。

首先,在普通模式下编辑突出显示的代码,然后单击[源代码]将其打包成pre,并编写相应的类命令:下面是一些常见的信息。

不要把代码直接写在后台。首先,在普通模式下编写,因为有一个具有自动替换功能的编辑器,这样可以在编辑期间查看HTML和JS代码。将代码直接写到后台将导致文章在演示过程中可见,在编辑过程***为空行。具体如下:

在这里对三种样式做一些调整,这样当代码显示在前景中时就不会被粘贴。


热门推荐

技巧精选

0571-88730320 联系我们,谈您的需求

立即咨询 立即建站