html编辑器如何制作
1个回答
2015-07-14
展开全部
需要一个可以编辑同时又可显效果的编辑框。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>
你可以使用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>
追问
我是菜鸟,想问问,要做好这个编辑器,是否要先学好HTML
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询