-
Notifications
You must be signed in to change notification settings - Fork 0
/
texteditor.js
45 lines (38 loc) · 1.26 KB
/
texteditor.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
44
45
document.addEventListener('DOMContentLoaded', () => {
let editor = document.querySelector('#editor');
changecolor = (color) => {
let fontcolor = color.value;
document.execCommand('foreColor', false, fontcolor);
}
changefont = (family) => {
let fontfam = family.value;
document.execCommand('fontName', false, fontfam);
}
changesize = (size) => {
let fontsize = size.value;
document.execCommand('fontSize', false, fontsize)
}
bold = () => {
document.execCommand('bold');
}
italic = () => {
document.execCommand('italic')
}
underline = () => {
document.execCommand('underline');
}
// blog container after publishing
let content = document.querySelector('#publishPost');
// written blog
let post = document.querySelector('#publishedcontent');
// red btn
let publishbtn = document.querySelector('#publish');
// green btn
let publishedbtn = document.querySelector('#Published');
publishPost = () => {
publishbtn.style.display = "none";
publishedbtn.style.display = "block";
post.innerHTML = editor.innerHTML;
content.style.display = "block";
}
})