首先来先容一下什么是TinyMCE 编辑器,TinyMCE 是一款基于欣赏器所见即所得的富文本编辑器,是由 Javascript 写成的开源插件,无论是在现代的 Firefox、Chrome,照旧复古的 IE 欣赏器中都可以很好地获得表示,根基可以满意 Web 应用中的编辑操纵。用 WordPress 的伴侣应该对这款编辑器都不会生疏,因为在WordPress 靠山的文章编辑中就是集成的TinyMCE 编辑器,或者只是你每天在用却还不知道它的台甫。
不消搜索我也知道必然有形形色色的 WordPress 插件可以帮我们实现评论框部门的富文本编辑成果,可是既然 WordPress 集成了 TinyMCE 文本编辑器,我们要在主题中利用它就更为利便了,那我们又何须寻求这样那样的插件呢?我相信 TinyMCE 强大的参数配置以及成果足够我们在留言中对文本举办修改编辑了。
本日在给中国博客同盟的新主题 ChinaBlogs 写一个投稿页面,个中的投稿内容部门的编辑成果虽然不能像WordPress 的留言一样平平淡淡的一个 textarea,富文本编辑是必需的,于是我就想到了TinyMCE,做好了博客同盟的投稿页面,就当是本文的 DEMO 吧,各人不妨去看看,有乐趣的话投个稿也好,就算帮我测试吧。
言归正传,那怎么把TinyMCE 添加到WordPress 的评论框部门呢?就像博客同盟的投稿页面那样。在主题文件中的 comments.php 中添加如下代码就可以了:
<script src=http://down.chinaz.com/"<?php get_bloginfo('wpurl');?>/wp-includes/js/tinymce/tiny_mce.js" type="text/javascript"></script><script type="text/javascript">
tinyMCE.init({
mode : "exact",
elements: "comment", // comments.php 中 textarea 的 id
theme_advanced_toolbar_location: "top",
theme_advanced_toolbar_align: "center",
skin: "o2k7",
language: false,
theme : "advanced"
});
</script>
可以看到,以上我只是写了几个根基的参数,TinyMCE 自带了多的让人发疯的参数配置,我自认是一时间啃不下来了,就挑了几个重点的配置了一下,这里也就不详解这些我都还没领略完全的参数了,有乐趣的伴侣可以去 TinyMCE 的官网瞧瞧。不外话又说返来了,TinyMCE 自称是 Tiny 仿佛也有点过,加载的 Javascript 差不多要 200K,我不知道其他的富文本编辑器需要多大,莫非都在 200K+?
WordPress下载
WordPress v3.5.2 简体中文版下载