有没有想过除了表单(<form>)之外还有其它的网页元素可以编辑文字呢?只要使用Iframe的隐藏的一个属性就可以使Iframe成为一个文本编辑器。
<html>
<body οnlοad="editer.document.designMode='On'">
<Iframe ID="editer"></Iframe>
</body>
</html>
其中designMode属性表示Iframe的设计模式的状态(开/关),还在犹豫什么呢,快试试吧!
只要巧妙的利用这一特性就可以制作很多意想不到的效果。如果下面我们来做一个图片编辑器。
<html>
<body οnlοad="imgEditer.document.designMode='On';imgEditer.document.write('<img src=图片.gif>')">
<Iframe id="imgEditer"></Iframe>
</body>
</html>
用鼠标点击图片是不是有新的发现,其实大家只要利用自己的想象和充分利用这个属性一定能做出更多的花样来
<html>
<body οnlοad="editer.document.designMode='On'">
<Iframe ID="editer"></Iframe>
</body>
</html>
其中designMode属性表示Iframe的设计模式的状态(开/关),还在犹豫什么呢,快试试吧!
只要巧妙的利用这一特性就可以制作很多意想不到的效果。如果下面我们来做一个图片编辑器。
<html>
<body οnlοad="imgEditer.document.designMode='On';imgEditer.document.write('<img src=图片.gif>')">
<Iframe id="imgEditer"></Iframe>
</body>
</html>
用鼠标点击图片是不是有新的发现,其实大家只要利用自己的想象和充分利用这个属性一定能做出更多的花样来