admin 管理员组

文章数量: 1087139


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://roclinux.cn/p/1706030074a498830.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。