WordPress功能强大这点是毋庸置疑的,但是有一点不好的地方就是在文章中发布代码。
因为经常在文章中写些代码,如何能够很好的展示代码我想是很多人都需要的。纵观WordPress的代码插件,基本我都试用过了,说实话,没有满意的。
要么是代码展示的样式不好,要么加载一些JS库来实现高亮而使得速度很慢很慢。我想找个简单的能够很好的展示代码就行了,至于看上去有没有高亮都无所谓了,希望大家能推荐推荐。
暂时我用的代码插件是SyntaxHighlighter Evolved,因为从PJBlog转过来后,一些文章中的发布的代码就变乱了,转过来的时候基本都是[code][/code]。而这个插件正好也能使用的这样的标签来显示代码,而且基本比较满意,虽然加载还是慢了一些。
当然SyntaxHighlighter Evolved除了速度慢一点外,还有一点,就是手动复制代码的时候会连行号也一起复制走了,这点很讨厌。
最新版的SyntaxHighlighter Evolved可以使用3.X版的Syntax Highlighter,但是这个版本更加糟糕,虽然行号不被复制走了。代码不能自动换行,而是在下面出了滚动条;而且也没有了使用2.X版的Syntax Highlighter的小工具条,个人感觉样式也没有之前的好看。
于是我就在两者之间徘徊,希望能找到一个完美的解决方案,如果在2.X下手动复制的时候不复制行号。这样应该说就完美了很多,因为有时候我只要复制其中的一段代码而不是全部,带行号确实比较讨厌。
想的方法就是怎么样在复制的时候禁止复制行号,这是个比较无奈的问题,基本都是全文不让复制,而这种局部性的没有发现很好的,我很纠结。
他这个代码展示是一行一行的表格组合而成,于是想到一个比较投机的方法,用文本框把那些数字套起来了,然后文本框设置成只读无效,这样选择时其实只选到文本框,而选不到里面的数字,从而解决复制的时候把行号也复制进去的情况。
先看一个小小例子。
1、我是个正常文本框
<input type="text" value="01" />
2、我是个只读文本框
<input readonly="readonly" type="text" value="01" />
3、我是个无效文本框
<input disabled="disabled" type="text" value="01" />
这样我们就发现,使用正常文本框,上面的01可以修改删除;使用只读文本框,上面的01可以复制但不可以更改;使用无效文本框,上面的01是无法复制的,这样第三种就能很好的解决我们的问题。
稍稍改动了下插件其中的JS代码,就实现了我想要的效果。
其中效果最好是FireFox,手动复制的时候完全碰不到行号。而IE,Chrom,Opera,Safari等浏览器则在复制的时候行号也像是被复制的样子,当然是粘贴的是不会粘贴出行号来的,但是这样容易有误解,以为将行号也复制进去了,不过这个就真的改不起来了。
我还在期待完美的代码插件出现。
怎样才能运行代码?也就是在添加一个代码框,在框的下面有运行按钮。
@精剪我用的runcode by soncy这个插件。
http://wordpress.org/plugins/runcode-by-soncy/
试过好几个多不理想就撤掉了!
苦于找代码插件,之前按了好几个都不好用
同样在找完美的代码高亮显示插件。
感谢,修改的js太好了
网站又换主题了呀。
能共享下你如何修改的JS吗?
@Pablo我用的2.x版的,
https://www.weisay.com/blog/wp-content/plugins/syntaxhighlighter/syntaxhighlighter2/scripts/shCore.js
替换就行了。
哎.我现在用的插件就是用js做的高亮,好处是不用插件了也不至于乱,编辑很干净.坏处就是页面加载速度很慢.而且也是会复制到行号.
网上看到个介绍用CodeRender生成高亮代码.似乎还不错.
@bjmayorWordPress的代码插件我至今没有发现一个很好的,都是比较笨重的那种,加载了很多的JS。
威哥 我的不行啊 用一样的主题,直接不在一行上..
@冰棱不会呀应该能正常使用的,我就修改了去掉复制行号了,其他的都没有动
要怎么设置Gravatar 没有注册的人 随机闲事头像?
有一点想要请问下哦
回复时候些邮箱可以干嘛用啊 在前台好像都没有体现出来
@wusx邮件么注意是增加交流,评论回复邮件通知。
还有就是Gravatar头像的调用,现在博客基本都有这个功能,你那个邮箱还没有注册头像,建议你注册一个,这个在评论中可以更加方便的找到你。
其实最终目的就是增加互动吧,留网址是为了回访,增加交流
@William我试试看 一直有点忽略回复 这个功能
是啊 在慢慢完善 今天刚刚做好 回复引用
@wusx哈哈,很好