让WebEditor使用px或pt控制字体大小

公司的一个客户要求提供的后台WebEditor，使用px或pt的方式来控制文章的字体大小，于是开始上网搜索是否有这样的编辑器，结果让我很失望。

于是准备动手修改代码，可是WebEditor的控制都是使用documet.execCommand的方法来实现的，让我非常头疼。跟公司经理讨论很久后，准备使用作弊的方法来实现，我思考了三个方法：

　　1、修改JS代码 (难度太大，天知道要写多少代码，谁又知道execCommand到底做了些什么？准备放弃)
　　2、使用类似于UBB编辑器的Replace的方法，在写入数据库时将<font size=2></font>之类的代码替换为可px控制的方式
　　3、非常欠揍的方法，将HTML的标题元素<h1></h1><h2></h2>之类的元素在WebEditor及前台页面用CSS定义样式，这样可以实现WebEditor预览和前台页面一样的效果

“山穷水尽疑无路，柳暗花明又一村”....

让我找到前辈高手们的杰作，测试了一下除了代码很乱不易阅读以及编辑时的一些小问题，简直就是完美了。格式化一下代码，去掉些不需要的代码，加入WebEditor中测试~OK，搞定了，HOHO~~真是天不亡我!!

下面是我整理后的代码，不过加入到WebEditor中只需要其中的一部分...

查看更多...