温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

syntaxhighlighter怎么用

发布时间:2021-09-28 14:01:08 来源:亿速云 阅读:229 作者:小新 栏目:开发技术

这篇文章将为大家详细讲解有关syntaxhighlighter怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

  SyntaxHighlighter是一个客户端的web应用高亮插件!它创建于2004年,使用在任何地方无缝地高亮展示代码,可以在Web上轻松显示各种语言的源代码,如html,css,JavaScript,php。它使用JavaScript和css制作,它使用行号精美地装饰,并显示源以便于查看。还有一个功能,可以轻松地批量复制源部分,这很方便。

  SyntaxHighlighter的代码流程如下

  1、将基本文件添加到页面:shCore.js和shCore.css

  2、添加想要的brushes(例如:shBrushjscript.js对于JavaScript中,看到所有可用brushes的列表)

  3、包括shCore.css和shThemeDefault.css

  4、使用<pre/>或<script/>方法创建代码段5、调用SyntaxHighlighter.all()JavaScript方法

  使用SyntaxHighlighter的好处

  1、支持各种语言的来源

  2、您可以摇动任意行号或突出显示指定的行

  3、双击以仅选择源

  4、可以使用“SyntaxHighlighter”查看源代码

  SyntaxHighlighterv4

  SyntaxHighlighter是网络和网络应用程序的客户端荧光笔!它是从2004年开始的,它几乎无处无缝地用于无缝的Highlight代码,用于表示目的。

  这个项目的历史早于大多数常见的web技术,它一直是一个挑战,使用时间和工作。以前的所有内容都在一个文件中并分配window变量。恐怖!

  SyntaxHighlighter目前已经使用,已经被微软。Apache。Mozilla。雅虎。Wordpress。Bug实验室。Freshbooks和许多其他公司和博客所使用。

  请参见文件问题。

  开始

  构建实时指令

  使用指南

  请务必阅读警告。

  常见问题解答

  v4与旧画笔和主题完全兼容,请参见构建指南。

  为了更清晰,更无缝的体验,?被完全移除。

  你仍然需要在使用<pre/>标记时转义<。

  旧版本

  如果你正在寻找文档并下载,你可以在旧网站上找到它。

关于“syntaxhighlighter怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

向AI问一下细节
推荐阅读:
  1. 怎么用vuex
  2. 怎么用redis

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI