为博客评论框添加格式化功能按钮
对于wordpress 的评论框，我一直有个小小的遗憾，那就是评论的时候想插入一个链接，想加粗一段字体，想斜体一段文字，都很麻烦，需要手工加UBB代码。今天在网上闲逛的时候，在philna的博客上看到他的留言框上面就带了这些功能按钮，于是心中窃喜，或者说是盗窃之喜，这下有门路了。
于是下载下他的philna主题，换上主题，查看了一下源文件发现评论的输入框之前，作者引用了一个js文件：
进一步打开philna主题下的js目录，找到edit_button.js文件，直接将该文件上传到inove主题的js目录下，然后在comments.php的评论框前加入引用edit_button.js的代码，评论框的html代码如下：
这样基本就大功告成了，不过按钮样式比较丑陋，edit_button.js中生成的按钮样式为ed_button，这要对这个样式在style.css中定义一下就可以了，到网上随便搜索几个样式好了，我的样式如下(样式网上找的)：
BORDER-RIGHT: #2C59AA 1px solid;
PADDING-RIGHT: 2px;
BORDER-TOP: #2C59AA 1px solid;
PADDING-LEFT: 2px;
FONT-SIZE: 12px;
FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#C3DAF5);
BORDER-LEFT: #2C59AA 1px solid;
CURSOR: hand; COLOR: black;
PADDING-TOP: 2px;
BORDER-BOTTOM: #2C59AA 1px solid
哈哈，以后兄弟们留言可以把内容留的丰富一点了，很少写这一类涉及到代码的文章，白天上班敲代码，下班再盘弄代码就有点头疼了，不过这个小功能确实惹人喜爱，于是就废话了几句，把它写下来了。
。
11条评论▼