-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
196 lines (191 loc) · 11.3 KB
/
index.html
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Online Notepad by BKPKVIDEO</title>
<meta name="description" content="Online Notepad by BKPKVIDEO - A convenient tool for writing, editing, and saving text online. Notepad online for text editing. Free notepad app, no login required">
<meta name="keywords" content="notepad, online notepad, text editor, BKPKVIDEO, write, edit, save, best digital notebook, best digital notepad, remarkable notepad, remarkable digital notepad, digital paper notebook, note pad electronic, notepad online free, digital notepad remarkable, free note taking website, huawei notepad, free online notebook, to do note pad, windows notepad, digital writing notepad, shared notepad, pdf to text pdf, make text to pdf, colornote for iphone, one notepad, advanced notepad, best notepad for mac, digital notepad online, encrypted notepad, free online note book, live notepad, notepad aesthetic, notepad cost, notepad for windows 11, notes taking website free, online notebook for free, online notepad login, shareable notepad, text to pdf converter free, text to word pdf, type text to pdf online free">
<meta name="author" content="BKPKVIDEO">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto|Open+Sans|Lato|Montserrat|Source+Sans+Pro|Raleway|Noto+Sans|Roboto+Mono|Merriweather|PT+Serif|Ubuntu|Nunito|Oswald|Merriweather+Sans|Khand|Mukta|Teko|Rajdhani|Hind|Kalam&display=swap">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.3.1/jspdf.umd.min.js"></script>
<link rel="next" href="https://www.bkpkvideo.com/page/2/" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Online Notepad by BKPKVIDEO - A convenient tool for writing" />
<meta property="og:description" content="Online Notepad by BKPKVIDEO - A convenient tool for writing, editing, and saving text online. Notepad online for text editing. Free notepad app, no login required" />
<meta property="og:url" content="https://www.bkpkvideo.com/tools/OnlineNotepad/" />
<meta property="og:site_name" content="BKPK VIDEO" />
<meta property="og:image" content="https://www.bkpkvideo.com/wp-content/uploads/2024/05/thumbnail.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@BKPKVIDEO" />
<meta name="google-site-verification" content="googlebd28a36d7e7297aa" />
<meta name="yandex-verification" content="30bdf7179f639924" />
<meta property="fb:app_id" content="730845160831987" />
<meta property="facebook-domain-verification" content="bwfynb8ox1kb2y7vhq1iydkp0bnb52" />
<link rel="icon" href="https://www.bkpkvideo.com/wp-content/uploads/2022/01/cropped-BKPKVIDEO-app-icon-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.bkpkvideo.com/wp-content/uploads/2022/01/cropped-BKPKVIDEO-app-icon-192x192.png" sizes="192x192" />
<script type="application/ld+json">{
"@context": "https://schema.org/",
"@type": "CreativeWorkSeries",
"name": "Online Notepad by BKPKVIDEO - A convenient tool for writing",
"aggregateRating": {
"@type": "AggregateRating",
"ratingValue": "4.8",
"bestRating": "5",
"ratingCount": "79767"
}
}
</script>
</head>
<body>
<div class="header">
<a href="https://bkpkvideo.com" class="logo">
<img src="bkpkvideo.svg" alt="BKPK VIDEO Logo">
</a>
<h1>Online Notepad by BKPKVIDEO</h1>
<div class="export-buttons">
<div class="dropdown">
<button class="dropbtn"><i class="fas fa-download"></i></button>
<div class="dropdown-content">
<a href="#" onclick="showDownloadPopup('text')"><i class="fas fa-file-alt"></i> .txt</a>
<a href="#" onclick="showDownloadPopup('pdf')"><i class="fas fa-file-pdf"></i> .pdf</a>
<a href="#" onclick="showDownloadPopup('css')"><i class="fas fa-code"></i> .css</a>
<a href="#" onclick="showDownloadPopup('html')"><i class="fas fa-file-code"></i> .html</a>
<a href="#" onclick="showDownloadPopup('javascript')"><i class="fas fa-file-code"></i> .js</a>
<a href="#" onclick="showDownloadPopup('php')"><i class="fas fa-code"></i> .php</a>
<a href="#" onclick="showDownloadPopup('word')"><i class="fas fa-file-word"></i> .docx</a>
</div>
</div>
</div>
</div>
<div class="toolbar">
<div class="tool-buttons">
<button onclick="cutText()" title="Cut"><i class="fas fa-cut"></i><span class="button-label">Cut</span></button>
<button onclick="copyText()" title="Copy"><i class="fas fa-copy"></i><span class="button-label">Copy</span></button>
<button onclick="pasteText()" title="Paste"><i class="fas fa-paste"></i><span class="button-label">Paste</span></button>
<button onclick="showReplacePopup()" title="Replace"><i class="fas fa-exchange-alt"></i><span class="button-label">Replace</span></button>
<button onclick="selectAllText()" title="Select All"><i class="fas fa-select"></i><span class="button-label">Select All</span></button>
<button onclick="deleteAllText()" title="Delete All"><i class="fas fa-trash-alt"></i><span class="button-label">Delete All</span></button>
<button onclick="printText()" title="Print"><i class="fas fa-print"></i><span class="button-label">Print</span></button>
<div class="dropdown">
<button onclick="toggleShareMenu()" class="dropbtn" title="Share"><i class="fas fa-share-alt"></i><span class="button-label">Share</span></button>
<div id="shareMenu" class="dropdown-content">
<a href="#" onclick="shareText('facebook')"><i class="fab fa-facebook"></i> Facebook</a>
<a href="#" onclick="shareText('email')"><i class="fas fa-envelope"></i> Email</a>
<a href="#" onclick="shareText('whatsapp')"><i class="fab fa-whatsapp"></i> WhatsApp</a>
<a href="#" onclick="shareText('twitter')"><i class="fab fa-twitter"></i> Twitter</a>
<a href="#" onclick="shareText('linkedin')"><i class="fab fa-linkedin"></i> LinkedIn</a>
</div>
</div>
<button onclick="zoomIn()" title="Zoom In"><i class="fas fa-search-plus"></i><span class="button-label">Zoom In</span></button>
<button onclick="zoomOut()" title="Zoom Out"><i class="fas fa-search-minus"></i><span class="button-label">Zoom Out</span></button>
<button onclick="undoText()" title="Undo"><i class="fas fa-undo"></i><span class="button-label">Undo</span></button>
<button onclick="redoText()" title="Redo"><i class="fas fa-redo"></i><span class="button-label">Redo</span></button>
<button onclick="toggleDarkMode()" id="darkModeBtn" title="Dark Mode" class="dark-mode-btn"><i class="fas fa-adjust"></i><span class="button-label">Dark Mode</span></button>
<button onclick="showPreferences()" id="preferencesBtn" title="Preferences"><i class="fas fa-cog"></i><span class="button-label">Preferences</span></button>
</div>
</div>
<div class="notepad-container">
<textarea id="notepad" placeholder="Start typing..."></textarea>
</div>
<div class="footer">
<span>© Designed by BKPKVIDEO.com</span>
<button id="scrollToTopBtn" onclick="scrollToTop()">Scroll to Top</button>
</div>
<div id="preferencesModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closePreferences()">×</span>
<h2>Preferences</h2>
<div class="preferences-group">
<label><input type="checkbox" id="textLinesToggle"> Text Lines</label>
<label><input type="checkbox" id="autoSaveToggle" checked> Auto Save</label>
</div>
<div class="preferences-group">
<label for="fontSizeSelect">Font Size:</label>
<select id="fontSizeSelect">
<option value="12px">12px</option>
<option value="14px">14px</option>
<option value="16px">16px</option>
<option value="18px">18px</option>
<option value="20px">20px</option>
<option value="24px">24px</option>
<option value="28px">28px</option>
<option value="32px">32px</option>
</select>
</div>
<div class="preferences-group">
<label for="fontFamilySelect">Font Family:</label>
<select id="fontFamilySelect">
<option value="Roboto">Roboto</option>
<option value="Open Sans">Open Sans</option>
<option value="Lato">Lato</option>
<option value="Montserrat">Montserrat</option>
<option value="Source Sans Pro">Source Sans Pro</option>
<option value="Raleway">Raleway</option>
<option value="Noto Sans">Noto Sans</option>
<option value="Roboto Mono">Roboto Mono</option>
<option value="Merriweather">Merriweather</option>
<option value="PT Serif">PT Serif</option>
<option value="Ubuntu">Ubuntu</option>
<option value="Nunito">Nunito</option>
<option value="Oswald">Oswald</option>
<option value="Merriweather Sans">Merriweather Sans</option>
<option value="Khand">Khand</option>
<option value="Mukta">Mukta</option>
<option value="Teko">Teko</option>
<option value="Rajdhani">Rajdhani</option>
<option value="Hind">Hind</option>
<option value="Kalam">Kalam</option>
</select>
</div>
<div class="preferences-group">
<label for="fontWeightSelect">Font Weight:</label>
<select id="fontWeightSelect">
<option value="normal">Normal</option>
<option value="bold">Bold</option>
<option value="lighter">Lighter</option>
<option value="bolder">Bolder</option>
</select>
</div>
</div>
</div>
<div id="downloadModal" class="modal">
<div class="modal-content">
<span class="close" onclick="closeDownloadPopup()">×</span>
<h2>Download File</h2>
<div class="download-group">
<label for="fileName">File Name:</label>
<input type="text" id="fileName" value="notepad">
</div>
<div class="download-group">
<label for="fileFormat">File Format:</label>
<select id="fileFormat" class="animated-select">
<option value="text">.txt</option>
<option value="pdf">.pdf</option>
<option value="css">.css</option>
<option value="html">.html</option>
<option value="javascript">.js</option>
<option value="php">.php</option>
<option value="word">.docx</option>
</select>
</div>
<button onclick="downloadFile()">Download</button>
</div>
</div>
<div id="replaceModal" class="modal">
<div class="modal-content replace-modal-content">
<span class="close" onclick="closeReplacePopup()">×</span>
<h2>Replace Text</h2>
<div class="replace-group">
<label for="replaceText">Replace with:</label>
<input type="text" id="replaceText">
</div>
<button onclick="replaceText()">Replace</button>
</div>
</div>
<script src="script.js"></script>
</body>
</html>