分类：代码高亮

2021
03-05

vue 代码高亮插件全面对比测评

全面对比从活跃方面来看从功能方面来看代码高亮是必须的，社区必须活跃，不然修复bug没有一点点参考，太费时间。自动补全缩进，快捷键操作，搜索和替换等功能不是必须的，如果有，能拿来装逼当然最好，不能也不影响使用。故而挑出了以下几个，再具体分析，逐个调查，查看后续开发，部署的坑，坑少方便的就被我选中。深入对比1，aceAce是一个用JavaScript编写的嵌入式代码编辑器。它与Sublime，Vim和TextMate等原生编辑器的功能和性... 继续阅读 >

2021
03-05

vue 使用monaco实现代码高亮

使用的是vue语言，用element的组件，要做一个在线编辑代码，要求输入代码内容，可以进行高亮展示，可以切换各不同语言，而且支持关键字补全，还要有一个各不同版本间的代码左右比较，这就是需求。至于为什么选中monaco，请查看vue（element）中代码高亮插件全面对比好了，现在正式开工吧！首先需要下载monaco-editor组件，monaco-editor-webpack-plugin组件npminstallmonaco-editornpminstallmonaco-editor-webpack-plugin当... 继续阅读 >

2015
06-16

Sublime Text 插件推荐系列 —— 用 Sublime 开发 Laravel

1. BladeSnippets：提供Blade模板自动补全2. Laravel4BladeHighlighter：提供Blade关键字高亮3. LaravelGenerator：提供超高效率Laravel工作流这就是之前教程里面说过的 way/generators的Composer包的另一个版本，是运行在编辑器里的。不过还是推荐使用命令行版，因为可以方便地读取历史记录，并加以修改。注意，这个插件要求PHP版本5.4以上。4. ClipboardHistory：剪贴板历史，Sublime超级插件第二5... 继续阅读 >

2014
12-09

7个高性能JavaScript代码高亮插件

对于喜欢写技术博客的同学来说，一定对代码高亮组件非常熟悉。一款优秀的JavaScript代码高亮插件，将会帮助你渲染任何一种编程语言，包括一些关键字的着色，以及每行代码的缩进等。今天我们要来分享一些高性能的JavaScript代码高亮插件，这些JavaScript代码高亮插件将非常有效地帮你实现在网页上的代码编辑和展示。1、SyntaxHighlighter–最优秀的JavaScript代码高亮插件SyntaxHighlighter是一款完全基于Java... 继续阅读 >

2014
11-11

配置SyntaxHighlighter的Autoloader（自动加载）

因为使用SyntaxHighlighter的时候会使用到多种语言，一次必载入全部的语言配置文件下载的东西会比较多，所以SyntaxHighlighter提供了一个shAutoloader.js脚本。官方给出的例子如下:functionpath(){varargs=arguments,result=[];for(vari=0;i<args.length;i++)result.push(args[i].replace('@','/pub/sh/current/scripts/'));returnresult};SyntaxHighlighter.autoloader.apply(null,pat... 继续阅读 >

2014
11-11

Google的代码高亮工具Syntaxhighlighter使用方法——让你的代码显示更漂亮

昨天去PHP爱好者网站，看到一个不错的日历代码，觉得有不错的学习价值，就转到自己的网站来了。但是发现，自己的代码高亮显示并不够他的那么好看。我之前一直使用的是google-syntax-highlighter1.5.1.ReleasedonAugust5,2007。是07年发布的工具。感觉class为php时，代码的显示并不是那么智能，比如关键字、数据结构等等，高亮方式并不理想。现在我使用了最新的Syntaxhighlighter_2.1.364，下面是版本历史：1.5.Release... 继续阅读 >