admin 管理员组文章数量: 887021
2024年1月24日发(作者:fixed函数是什么意思)
html在线文本编辑器原理介绍
相信很多人都使用过多种富文本编辑器,富文本编辑器常用于编辑博客、用户交互,富文本编辑器分为两种:所见即所得和非所见即所得我们为大家收集整理了关于html在线文本编辑器,以方便大家参考。
两种富文本编辑器的实现原理是不相同的。
1.非所见即所得编辑器
这种编辑器的实现原理很简单,用textarea元素就可以实现,假如要实现粗体、斜体、下划线、颜色字、图片的效果,只需在字的中间加上自定义标签即可,例如:[b]富文本编辑器[b],[img]src=/uploadfile/2015/1026/”[img]当然这些规则你得自己通过js进行定制。当POST提交后,再把这些标签转换为html标签。
2.所见即所得编辑器
在1中我提到的几种效果,我们无法在textarea中见到立竿见影的效果(所见即所得),而文本域本身也只是支持一些字符的输入,并不支持显示html。
如何做到编辑像文本域,又能够即时所见呢?答案就是使用iframe作为内容编辑区域。iframe本身也是一个嵌套页面,它如何能够被编辑呢?这里有一些
版权声明:本文标题:html在线文本编辑器原理介绍 内容由网友自发贡献,该文观点仅代表作者本人, 转载请联系作者并注明出处:http://www.freenas.com.cn/free/1706030074h498830.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论