常规打开 HTML 文件的方法大约分为三种:
1.直接使用浏览器打开。
2.使用记事本或 UltraEdit 编辑器打开。使用鼠标右键在打开方式中按需选择即可。
3.使用专业 HTML 编辑器打开。Dreamweaver 是非常经典好用的 HTML 专业编辑器,可以在输入字符的时候提示相关语句,相比上面的记事本和 UltraEdit 更有针对性。
需要一个可以编辑同时又可显效果的编辑框。textarea不行,它只能用来输入纯文本,不能显示颜色、斜体之类的文字样式,就像记事本。你可以使用iframe来实现,修改iframe的designMode属性使其可以被编辑。
<iframeid="myEditer" width="100%"height="150px"></iframe>
<script>myEditer.document.designMode= 'on'</script>
这样你就可以在这个iframe区域里写字了。
2,选中要添加样式的文字。通常我们用WORD编辑一段文字的样式时,一般是先打字,再编辑样式。所以你需要一个选中要处理文本的方法。JS的 selection.createRange()可以选中文本,返回一个对象,你可以通过访问该对象的text属性得到被选中的文本。
<iframeid="myEditer" width="100%"height="150px"></iframe>
<inputtype="button" value="加粗"onclick="Bold()">
<script>
myEditer.document.designMode= 'on'
functionBold(){
varsel = myEditer.document.selection.createRange()
alert(sel.text)
}
</script>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)