富文本编辑器,实现设置css样式的原理
来源:互联网 发布:紫砂壶店铺淘宝排名 编辑:程序博客网 时间:2024/05/30 23:56
1.取得选中范围
2.找到选中范围最后节点的父节点
3.替换当前选中节点文本 为 有样式的文本
4.重新设置父节点内容
通过以上步骤 完成编辑功能
var selection =window.getSelection().getRangeAt(0) if (selection) { var text = selection.toString(); var parent = $(selection.endContainer.parentElement); var oldHtml = parent.html(); var newHtml = oldHtml.replace(text, "<span style='font-size:"+$(this).data("size")+"px' >" + text + "</span>"); parent.html(newHtml); }
0 0
- 富文本编辑器,实现设置css样式的原理
- 所见即所得富文本编辑器实现原理
- 富文本编辑器原理
- 富文本编辑器原理
- Javascript实现简单的富文本编辑器
- 收集到的相关CSS 框架 富文本编辑器
- JS实现富文本编辑器
- 富文本编辑器XHEditor实现
- css设置文本样式
- CSS设置input placeholder文本的样式
- CSS设置input placeholder文本的样式
- 我的富文本编辑器
- 富文本编辑器的使用
- 富文本编辑器的使用
- 常用的富文本编辑器
- 富文本编辑器的使用
- 富文本编辑器的制作
- 富文本编辑器的使用
- 6个变态的C语言写的Hello World
- 动态规划算法之: 最长公共子串
- SVD分解算法及其应用
- 第4章 云盾
- Lexicographical Numbers
- 富文本编辑器,实现设置css样式的原理
- 外键列上是否需要索引
- 面试题 总结blog网址
- 垂直翻页的Viewpager
- 持续集成测试(1) -- docker-maven-plugin初探
- iOS应用内支付(IAP)详解
- iOS 10版本适配
- VS2010静态编译生成.exe文件
- windows php5.5 安装redis+phpredis扩展