因为一个同学,要做一个能加入图片的留言板功能,类型与QQ空间留言板和百度贴吧发帖的那种形式,同时在网上找了找发生网上对这方面的交流很少,所以发表这篇文章抛砖引玉,希望能帮助广大的学习者,也同时希望大佬能对此文章及本人写的代码,不吝赐教。
主要采用了原生JS与调用Selection API结合html的contentible功能实现功能。
1.先来看看效果
2.主要功能
1.在当前光标位置添加指定图片,并=点击以后修改图片大小
2.修改选中文字的大小,字体颜色及添加斜体、粗体、下划线
3.代码及一些难点部分
首先看一个很很很关键和重要的函数
function getSelectionRange() {
var select;
//兼容处理
if (window.getSelection) {
select = window.getSelection();
range = select.getRangeAt(0);//获取selection对象,并获取range对象
} else if (document.selection) {
//IE浏览器
range = document.selection.createRange();//IE可以直接获取
};
};
这个函