给WordPress评论框添加TinyMCE编辑器

作者:匿名 hihi 来源:Life Studio 浏览: 2011-10-26 17:57:58 字号:
[摘要]TinyMCE 是一款基于浏览器所见即所得的富文本编辑器,在WordPress 后台的文章编辑中就是集成的TinyMCE 编辑器,本文就介绍下如何把TinyMCE 添加到WordPress 的评论框部分。

  首先来介绍一下什么是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="<?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下载

  • 软件大小:6.28MB
  • 软件类别:国外软件 | 博客系统
  • 软件语言:简体中文
  • 运行环境:PHP/Mysql
  • 软件授权:免费版
  • 更新时间:2013-7-24 16:05:30
  • 相关链接:Home Page

本文转自:http://wange.im/tinymce-in-wordpress.html

sssss
Tags: WordPress   TinyMCE   WordPress技巧   WordPress评论框  
责任编辑:cc120
编辑推荐排行