用JScript编写可视化HTML内容编辑其实已经很Old了,没有这个,很多博客网站也就黯然失色。但其实有很多功能不为我们所了解:
1、可视化编辑HTML的“控件”一般是iframe(记其id为iframe1),只要通过iframe1.document.designMode="On";就可以使之进入设计模式。
2、要使之有多选、2D定位、即时调整大小功能,可以执行:
iframe1.document.execCommand("2D-Position",true,true);
iframe1.document.execCommand("MultipleSelection", true, true);
iframe1.document.execCommand("LiveResize", true, true);
3、巧用innerHTML和innerText可以伪造出在“设计模式”和“代码模式”切换的效果:)
4、document.selection在很多场合可以帮上忙,如在光标位置进行操作;判断当前焦点控件等等。
MS在MSDN网站上的一篇文章《在Internet Explorer 5.5中创建可编辑的Web页》概述了可视化编辑HTML页面的基础。
![](https://img2024.cnblogs.com/blog/35695/202408/35695-20240826070647288-243310440.jpg)