编辑器中designMode和contentEditable的属性的介绍

在线编辑器的工作原理，简而言之，需要Internet Explorer 5.0及以上版本的支撑。因为IE 5.0以上的版本提供了一个重要的编辑状态标识，即document的designMode属性。这个属性允许我们获取或设置文档是否可以被编辑的状态，其默认值通常为off或Inherit。

若要启用在线编辑功能，我们可以设置HtmlEdit（一个iframe对象的ID）的document.designMode为"On"。我们还可以将特定div元素的contentEditable属性设置为true，使其在IE浏览器内变为可编辑状态。例如，一个简单的代码片段如下：

对于Firefox浏览器，我们可以使用javascript来设置contentDocument.designMode属性。例如，通过语句iframeName.document.designMode="on"来激活编辑模式，其中iframeName指的是iframe控件的name属性。

为了在不同的浏览器（特别是IE7和FireFox2.0）中初始化并加入内容和样式，我们可以使用如下代码示例：

判断当前使用的浏览器是否为Microsoft Inter Explorer。如果是，则获取名为"HtmlEditor"的iframe对象，并检查其版本是否为MSIE 6.0。如果不是这个版本，就将该iframe的document.designMode设为"On"，然后对该iframe的document进行一系列操作，如写入样式、设置内容可编辑、设置HTML内容和字体大小等。

对于Firefox浏览器，我们会检查用户代理字符串中是否包含"Firefox"，如果存在，则获取名为"HtmlEditor"的对象，并通过其contentWindow访问其内部的document对象。然后，像IE一样设置编辑模式和其他相关属性。

通过cambrian.render('body')完成渲染过程。这样，无论用户使用的是哪种浏览器，都可以享受到在线编辑的便捷体验。这种技术使得网页内容更加灵活、交互性更强，为用户提供了更为丰富的操作选择。