给rich text editer添加大量功能
Friday, May 15 19:17, 2009
1 comments/574 hits
今天添加的功能包括：粗体，斜体，下划线，贯穿线，居左，居中，居右，插入链接，取消链接，插入块引用。
另外还修正了之前图片上传的一个小bug。
此外，还把rich text editor的代码集中放到了static的目录下。
其实，实现上述的功能非常的简单，比如要实现加粗效果，那么只需要在工具栏添加：
另外，我发现我之前的那个弹出半透明div里面使用js添加iframe的方法，真是好用啊。使用iframe之后，不影响原来的页面的选中区域，同时之间可以使用parent, conetWindow等方法互相调用。再加上高人指点的服务器端调用客户端js的方法，现在多方通信很流畅，哈哈。
另外还修正了之前图片上传的一个小bug。
此外，还把rich text editor的代码集中放到了static的目录下。
其实，实现上述的功能非常的简单，比如要实现加粗效果，那么只需要在工具栏添加：
然后在实现如下的js代码即可<a href="javascript:rteAction('bold')">B</a>
哈哈，超级简单啊，如果要实现斜体，只需要把bold换为italic即可。对于execCommand能够接受的参数，请参见这里，不同浏览器对于execCommand的兼容性请参见这里，对于超链接的实现超微复杂一点，但是也是超级简单。function rteAction(param) {
document.execCommand(param, false, null);
};
另外，我发现我之前的那个弹出半透明div里面使用js添加iframe的方法，真是好用啊。使用iframe之后，不影响原来的页面的选中区域，同时之间可以使用parent, conetWindow等方法互相调用。再加上高人指点的服务器端调用客户端js的方法，现在多方通信很流畅，哈哈。
Recent Comments