js 写html代码编辑器,原生JS写一个功能强大的编辑器

因为一个同学，要做一个能加入图片的留言板功能，类型与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可以直接获取

};

};

这个函数是调用seleciton AP