整合Wyzz editor(超轻在线编辑器) For Bo-blog2.1.1

Posted in February 27, 2010 at 19:51

The Wyzz WYSIWYG Editor是一款遵循LGPL协议的超轻量级WYSIWYG在线编辑器，之前在我的另一篇日志11个HTML文本编辑器介绍里介绍过它，很小，加载速度超快，这两天试着将它与BO-BLOG2.1.1整合，发现Bo-blog的易用性与WyzzEditor的短小短小精干，两者真是绝配.

Wyzz editor的使用很简单，首先在网页的<header>...</header>区加载如下代码：

然后在网页的你要加载Wyzz的textarea添加下面代码:

<textarea name="textfield" id="textfield" rows="10" cols="40"></textarea><br />
  <script language="javascript1.2">
    make_wyzz('textfield');
  </script>

行了，就这个简单。

整合进Bo-blog

与bo-blog的整合也相当的简单，先去官方下载最新版本Download Wyzz v0.65 (32k)，解压缩到Bo-blog的editor/custom文件夹，编辑custom文件夹内的editordef.php，没有就建一个：

<?PHP
if (!defined('VALIDADMIN')) die ('Access Denied.');
$editorjs=<<<eot
<script language="JavaScript" type="text/javascript" src="editor/custom/wyzz.js"></script>
eot;
$editorbody=<<<eot
<textarea name='content' id='content' rows='20' cols='150'>{content}</textarea>
<script language="javascript1.2">
make_wyzz('content');
</script>
eot;

最后编辑wyzz.js，把里面的'wyzzstyles/'统统替换为'editor/custom/wyzzstyles/',然后恭喜你，Bo后台去看看吧.

Wyzz生成的网页代码完全符合XHTML规范，回车自动生成P标签，不过默认情况下生成的是大写的标签，如：P, LI, IMG,如果要进行XHTML自动清理，可以将wyzz.js里的xhtml_out = 0 改为'1'.

FCKeditor和TinyMCE很强大，但不一定适合你，绝大部分情况下，我们需要一个更快更轻的编辑器，比如我，我一般不太喜欢在线编辑，而更多的使用WindowsLiveWriter，即使在后台编辑日志，使用最多的也是UBB，我希望在我编辑日志时，我可以忽略编辑器的存在，不受它干扰与束缚，因此，就我个人来说我偏好于更轻量级的编辑器，就像Wyzz，更加适合我一点。