拉拉交友 http://www.les-sky.net 代码备份： 开发自己的可视化编辑器
拉拉交友 http://www.les-sky.net/ 代码备份：
开发自己的可视化编辑器最近使用了FreeTextBox可以，发现加载可视化编辑器的速度非常的慢，新版本的FreeTextBox已经有2M大了，但是很多功能根本用不到，常用的也就是字体的粗、斜、下划线和字体颜色，所以自己定义了一个简单的可视化编辑器。
可视化编辑器的设计比较简单，例如下面代码，你可以贴出来运行一下，注意：必须将ContentEditable设置为true
<html>
<head><title>Sample HTML Editor</title></head>
<body>
<div ContentEditable="true">
这里的内容可以编辑
</div>
</body>
</html>
下一步，菜单的操作主要使用浏览器内置的execCommand功能，这个execCommand只在IE5+以上版本具有并且Firefox等也支持
微软公开了很多功能，下面是简单的实现
<html>
<head><title>Sample HTML Editor</title></head>
<body>
<BUTTON TITLE="Bold" onclick='document.execCommand("Bold");'>B</BUTTON>
<BUTTON TITLE="Italic" onclick='document.execCommand("Italic");'>I</BUTTON>
<BUTTON TITLE="Underline" onclick='document.execCommand("Underline");'>U</BUTTON>
<div ContentEditable="true">
点击Button可以更改字体样式哦
</div>
</body>
</html>
这样，一个可视化编辑器就完成了，尽管看起来比较丑
