现在流行的HTML在线编辑器的功能可以说已经很丰富了，为什么唯独任意设置字体大小这个看起来并不华丽的功能没有被做出来呢？让我们先来了解一下其中的原因好了：

假设编辑区的HTML内容（Editor.document.body.innerHTML）是：

<H1>逍遥主义者的宣言</H1>

<H3>十个小老头
<BR>朱氵太子
</H3>

<P>我们不是败家浪子，我们从不游手好闲；我们不是无用书生，我们从不怨天忧地；我们不是嬉皮士，我们从不玩世不恭；我们不是妄想家，我们从不脱离实际；我们不是阿Q，我们从不麻木颓废；我们不是狂人，我们从不争风吃醋。我们是创造者，我们是改变者，我们是革命者。我们不是在不幸中去幻想幸福的人，我们甚至不是去追求、寻找幸福的人，我们是自己制造幸福的人，我们是快乐的发源者。首先，在我们经历必当经历的经历时，我们不允许自己不快乐！这就是，逍遥主义的真谛。</P>

<P><BIG>将你的梦打开，填进我的希望。谁都不必介怀，一点点的分量。面对别人述说，命运烛转轮回，世间天空海阔，种种因缘寂晦……</BIG></P>

假设选中的是红色的部分，则Editor.document.selection.createRange().htmlText的内容是：

<P>者。我们不是在不幸中去幻想幸福的人，我们甚至不是去追求、寻找幸福的人，我们是自己制造幸福的人，我们是快乐的发源者。首先，在我们经历必当经历的经历时，我们不允许自己不快乐！这就是，逍遥主义的真谛。</P>

<P><BIG>将你的梦打开，填进我</BIG></P>

看见多出来几个蓝色的标签了吧？产生这种现象是因为：“任何时候，document.selection.createRange().htmlText取出来的html代码都是完整成对的，即使当前选中的内容横跨了几个不同的标签”（卖坏梨语），所以IE会自作主张地把不完整的标签补齐。

就是因为这个原因，当选中的内容在Editor.document.body.innerHTML中对应的代码包含不完整的标签时，在Editor.document.selection.createRange()上做pasteHTML可能会吃不进去（有不完整的<table>等时），或者出现明显的BUG。

而现在的HTML在线编辑器所提供的除了基本的Editor.document.selection.createRange().execCommand(command)之外的各种功能几乎都是通过在Editor.document.selection.createRange()上做pasteHTML来实现的。所以字号的自由设定才始终没能实现。

出处：蓝色理想
责任编辑：moby

上一页 前言 下一页 解决之道 [上]

◎进入论坛网页制作、网站综合版块参加讨论