-
Notifications
You must be signed in to change notification settings - Fork 2
/
script.js
102 lines (90 loc) · 3.1 KB
/
script.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
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
var previewContainer = document.getElementById('previewContainer');
var editor = document.getElementById('editor');
var preview = document.getElementById('preview');
var editMode = true;
function convertMarkdownToHtml(markdownText) {
var html = markdownText.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>");
html = html.replace(/__(.+?)__/g, "<strong>$1</strong>");
html = html.replace(/\*(.+?)\*/g, "<em>$1</em>");
html = html.replace(/_(.+?)_/g, "<em>$1</em>");
html = html.replace(/`([^`]+)`/g, "<code>$1</code>");
html = html.replace(/~~(.+?)~~/g, "<del>$1</del>");
html = html.replace(/^(#{1,6})\s(.+)$/gm, function (match, p1, p2) {
var level = p1.length;
return "<h" + level + ">" + p2.trim() + "</h" + level + ">";
});
html = html.replace(/^- (.+)$/gm, "<li>$1</li>"); // Modified line
html = html.replace(/<\/li>\n<li>/g, "</li>\n<li>"); // Added line
html = html.replace(/<li>(.+)<\/li>/g, "<li><p>$1</p></li>");
html = html.replace(/\n{2,}/g, "<br><br>");
return html;
}
function updatePreview() {
var markdownText = editor.value;
var htmlText = convertMarkdownToHtml(markdownText);
preview.innerHTML = htmlText;
}
function toggleMode() {
editMode = !editMode;
if(editMode) {
editorContainer.style.display = 'block';
previewContainer.style.display = 'none';
toggleBtn.textContent = 'View';
}
else {
editorContainer.style.display = 'none';
previewContainer.style.display = 'block';
toggleBtn.textContent = 'Edit';
updatePreview();
}
}
function saveAs() {
var markdownText = editor.value;
var filenameInput = document.getElementById('filenameInput');
var filename = filenameInput.value || "untitled.md";
var element = document.createElement('a');
element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(markdownText));
element.setAttribute('download', filename);
element.style.display = 'none';
document.body.appendChild(element);
element.click();
document.body.removeChild(element);
}
editor.addEventListener('input', updatePreview);
document.addEventListener('keydown', function(event) {
if (event.ctrlKey && event.key === 's') {
event.preventDefault();
saveAs();
}
});
function loadFile(event) {
var file = event.target.files[0];
var reader = new FileReader();
reader.onload = function(e) {
var contents = e.target.result;
editor.value = contents;
updatePreview();
var filenameInput = document.getElementById('filenameInput');
filenameInput.value = file.name;
};
reader.readAsText(file);
}
function newDoc() {
editor.value = '';
filenameInput.value = '';
updatePreview();
}
function clearTextboxes() {
var textboxes = document.querySelectorAll('input[type="text"], textarea');
for(var i = 0; i < textboxes.length; i++) {
textboxes[i].value = '';
}
}
function clearTextareas() {
var textareas = document.getElementsByTagName('textarea');
for(var i = 0; i < textareas.length; i++) {
textareas[i].value = '';
}
}
window.addEventListener('beforeunload', clearTextboxes);
window.addEventListener('beforeunload', clearTextareas);