编辑器在线使用html在线文本编辑器原理介绍
相信很多人都使用过多种富文本编辑器,富文本编辑器常用于编辑博客、用户交互,富文本编辑器分为两种:所见即所得和非所见即所得我们为大家收集整理了关于html在线文本编辑器,以方便大家参考。
两种富文本编辑器的实现原理是不相同的。
1.非所见即所得编辑器
这种编辑器的实现原理很简单,用textarea元素就可以实现,假如要实现粗体、斜体、下划线、颜字、图片的效果,只需在字的中间加上自定义标签即可,例如:[b]富文本编辑器[b],
[img]src=/uploadfile/2015/1026/20151026103848635.png”[img]当然这些规则你得自己通过js进行定制。当POST提交后,再把这些标签转换为html 标签。
2.所见即所得编辑器
在1中我提到的几种效果,我们无法在textarea中见到立竿见影的效果(所见即所得),而文本域本身也只是支持一些字符的输入,并不支持显示html。
如何做到编辑像文本域,又能够即时所见呢?答案就是使用iframe作为内容编辑区域。iframe本身也是一个嵌套页面,它如何能够被编辑呢?这里有一些
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论