你要的是所见即所得html编辑器,简单来说需要几个基本步骤:1,需要一个可以编辑同时又可显效果的编辑框。textarea不行,它只能用来输入纯文本,不能显示颜色、斜体之类的文字样式,就像记事本。你可以使用iframe来实现,修改iframe的designMode属性使其可以被编辑。这样你就可以在这个iframe区域里写字了。2,选中要添加样式的文字。通常我们用WORD编辑一段文字的样式时,一般是先打字,再编辑样式。所以你需要一个选中要处理文本的方法。JS的selection.createRange()可以选中文本,返回一个对象,你可以通过访问该对象的text属性得到被选中的文本。3,改变被选中文本的样式。selection.createRange()选中文本,返回一个对象,该对象有一个方法execCommand(),可以用来改变被选中文本的样式。:字体--宋体、黑体、楷体等execCommand("fontname","",字体)字号--字号大小execCommand("fontsize","",字号)加重execCommand("Bold")斜体execCommand("Italic")下划线execCommand("Underline")删除线execCommand("StrikeThrough")居左execCommand("JustifyLeft")居右execCommand("JustifyRight")居中execCommand("JustifyCenter")剪切execCommand("Cut")拷贝execCommand("Copy")粘贴execCommand("Paste")取消操作--IE5.0以后可以无限取消execCommand("Undo")重复操作execCommand("Redo")把上面的每个用法用按钮来实现,你就已经完成了一个简单的可视文本编辑器。
需要一个可以编辑同时又可显效果的编辑框。textarea不行,它只能用来输入纯文本,不能显示颜色、斜体之类的文字样式,就像记事本,本文介绍所见即所得编辑器实现原理
Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
来源: