Html
    Css
    Js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
var currentRange,
editWrap = document.querySelector(".edit_wrap"),
setSizeBtn = document.querySelectorAll(".size"),
setFormatBtn = document.querySelectorAll(".format"),
setColorBtn = document.querySelectorAll(".color"),
setBGColorBtn = document.querySelectorAll(".BGcolor"),
Fbtn = document.querySelectorAll(".Fbtn"),
Tbtn = document.querySelectorAll(".Tbtn"),
currentImg,
startX,
startY;
editWrap.focus();
for (var i = 0; i < 4; i++) {
setSizeBtn[i].addEventListener("click", setTxtStyle);
setColorBtn[i].addEventListener("click", setTxtStyle);
setBGColorBtn[i].addEventListener("click", setTxtStyle);
setFormatBtn[i].addEventListener("click", setTxtStyle);
};
for (var i = 0; i < Fbtn.length; i++) {
Fbtn[i].addEventListener("click", setTxtStyle);
};
document.getElementById("addLink").addEventListener("click", setTxtStyle);
document.getElementById("addPic").addEventListener("click", setTxtStyle);
document.querySelector(".dialogTrue").addEventListener("click", function() {
var value = document.getElementById('dialog').querySelector("input").value;
if (value) {
changeLink(value);
} else {
alert('');
};
});
bindImgEvent();
function dialog(type, kind, title) {
var types = type === 1 ? "block" : "none",
kinds = kind === 1 ? "href" : "src",
titles = title ? title : " ",
dialog = document.getElementById('dialog');
if (!type) {
if (dialog.querySelector("input").value !== "") document.execCommand('undo');
document.execCommand('undo');
dialog.style.display = types;
return false;
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.9.1
 立即下载

富文本编辑器

2
      qzuser0
      2017/10/27 14:00:19
      坠落的边儿?0
      2017/10/26 11:24:26