{"id":17220,"date":"2024-05-22T08:36:50","date_gmt":"2024-05-22T08:36:50","guid":{"rendered":"https:\/\/bestsoln.com\/web\/?page_id=17220"},"modified":"2024-05-23T20:34:17","modified_gmt":"2024-05-23T20:34:17","slug":"notepad","status":"publish","type":"page","link":"https:\/\/bestsoln.com\/web\/web-tool\/notepad\/","title":{"rendered":"Notepad"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\t\t\t<!-- Flexy Breadcrumb -->\r\n\t\t\t<div class=\"fbc fbc-page\">\r\n\r\n\t\t\t\t<!-- Breadcrumb wrapper -->\r\n\t\t\t\t<div class=\"fbc-wrap\">\r\n\r\n\t\t\t\t\t<!-- Ordered list-->\r\n\t\t\t\t\t<ol class=\"fbc-items\" itemscope itemtype=\"https:\/\/schema.org\/BreadcrumbList\">\r\n\t\t\t\t\t\t            <li itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\">\r\n                <span itemprop=\"name\">\r\n                    <!-- Home Link -->\r\n                    <a itemprop=\"item\" href=\"https:\/\/bestsoln.com\/web\">\r\n                    \r\n                                                    <i class=\"fa fa-home\" aria-hidden=\"true\"><\/i>Home                    <\/a>\r\n                <\/span>\r\n                <meta itemprop=\"position\" content=\"1\" \/><!-- Meta Position-->\r\n             <\/li><li><span class=\"fbc-separator\">\/<\/span><\/li><li class=\"active\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\"><span itemprop=\"name\" title=\"Notepad\">Notepad<\/span><meta itemprop=\"position\" content=\"2\" \/><\/li>\t\t\t\t\t<\/ol>\r\n\t\t\t\t\t<div class=\"clearfix\"><\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\n\n\n\n<p><\/p>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">About Notepad<\/h2>\n\n\n\n<p class=\"jusfy\">This is a simple web-based text editor that allows you to format your text with basic styling options such as bold, italic, underline, strikethrough, text alignment, and lists. You can also insert and remove hyperlinks. This editor is implemented using pure HTML, CSS, and JavaScript without any external libraries.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-group has-border-color is-layout-constrained wp-container-core-group-is-layout-283b4700 wp-block-group-is-layout-constrained\" style=\"border-color:#ff6900;border-width:2px;border-radius:10px;margin-top:var(--wp--preset--spacing--30);margin-bottom:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)\">\n<h2 class=\"wp-block-heading jusfy\">Add Notes<\/h2>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-container-core-group-is-layout-4e0443d7 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--20);padding-right:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--40);padding-left:var(--wp--preset--spacing--20)\"><link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n\r\n<div class=\"editor-container\">\r\n\t<div class=\"toolbar\">\r\n\t\t<button onclick=\"execCmd('bold')\"><i class=\"fas fa-bold\"><\/i><\/button>\r\n\t\t<button onclick=\"execCmd('italic')\"><i class=\"fas fa-italic\"><\/i><\/button>\r\n\t\t<button onclick=\"execCmd('underline')\"><i class=\"fas fa-underline\"><\/i><\/button>\r\n\t\t<button onclick=\"execCmd('strikeThrough')\"><i class=\"fas fa-strikethrough\"><\/i><\/button>\r\n\t\t<button onclick=\"execCmd('justifyLeft')\"><i class=\"fas fa-align-left\"><\/i><\/button>\r\n\t\t<button onclick=\"execCmd('justifyCenter')\"><i class=\"fas fa-align-center\"><\/i><\/button>\r\n\t\t<button onclick=\"execCmd('justifyRight')\"><i class=\"fas fa-align-right\"><\/i><\/button>\r\n\t\t<button onclick=\"execCmd('insertOrderedList')\"><i class=\"fas fa-list-ol\"><\/i><\/button>\r\n\t\t<button onclick=\"execCmd('insertUnorderedList')\"><i class=\"fas fa-list-ul\"><\/i><\/button>\r\n\t\t<button onclick=\"execCmd('createLink')\"><i class=\"fas fa-link\"><\/i><\/button>\r\n\t\t<button onclick=\"execCmd('unlink')\"><i class=\"fas fa-unlink\"><\/i><\/button>\r\n\t\t<button onclick=\"saveTextAsFile()\"><i class=\"fas fa-save\"><\/i><\/button>\r\n\t<\/div>\r\n\t<div id=\"editor\" contenteditable=\"true\"><\/div>\r\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Use Text Editor?<\/h2>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: <strong>Open the Web Page<\/strong><\/h3>\n\n\n\n<p class=\"jusfy\">Open the HTML file in your web browser.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: <strong>Using the Toolbar<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"jusfy\"><strong>Bold<\/strong>: Click the &#8220;B&#8221; button to make your selected text bold.<\/li>\n\n\n\n<li class=\"jusfy\"><strong>Italic<\/strong>: Click the &#8220;I&#8221; button to italicize your selected text.<\/li>\n\n\n\n<li class=\"jusfy\"><strong>Underline<\/strong>: Click the &#8220;U&#8221; button to underline your selected text.<\/li>\n\n\n\n<li class=\"jusfy\"><strong>Strikethrough<\/strong>: Click the &#8220;S&#8221; button to strikethrough your selected text.<\/li>\n\n\n\n<li class=\"jusfy\"><strong>Align Left<\/strong>: Click the &#8220;Left&#8221; button to align your selected text to the left.<\/li>\n\n\n\n<li class=\"jusfy\"><strong>Align Center<\/strong>: Click the &#8220;Center&#8221; button to center-align your selected text.<\/li>\n\n\n\n<li class=\"jusfy\"><strong>Align Right<\/strong>: Click the &#8220;Right&#8221; button to align your selected text to the right.<\/li>\n\n\n\n<li class=\"jusfy\"><strong>Ordered List<\/strong>: Click the &#8220;OL&#8221; button to create an ordered list (numbered list).<\/li>\n\n\n\n<li class=\"jusfy\"><strong>Unordered List<\/strong>: Click the &#8220;UL&#8221; button to create an unordered list (bulleted list).<\/li>\n\n\n\n<li class=\"jusfy\"><strong>Insert Link<\/strong>: Click the &#8220;Link&#8221; button to insert a hyperlink. You will be prompted to enter the URL.<\/li>\n\n\n\n<li class=\"jusfy\"><strong>Remove Link<\/strong>: Click the &#8220;Unlink&#8221; button to remove a hyperlink.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: <strong>Editing Text<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li class=\"jusfy\">Click inside the editable area (the space below the toolbar).<\/li>\n\n\n\n<li class=\"jusfy\">Start typing your text.<\/li>\n\n\n\n<li class=\"jusfy\">Use the toolbar buttons to format the text as you type or after selecting the text you want to format.<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: <strong>Save Your Work<\/strong><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Click the &#8220;Save as .txt&#8221; button in the toolbar.<\/li>\n\n\n\n<li>This will prompt a download of the text content as a <code>.txt<\/code> file.<\/li>\n\n\n\n<li>Save the file to your desired location on your device.<\/li>\n<\/ul>\n\n\n\n<ol class=\"wp-block-list\">\n<li><\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<p class=\"jusfy\">This text editor provides a basic interface for text formatting, making it useful for quick edits and formatting tasks without needing complex software.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>About Notepad This is a simple web-based text editor that allows you to format your text with basic styling options such as bold, italic, underline, strikethrough, text alignment, and lists. You can also insert and remove hyperlinks. This editor is&#8230;<\/p>\n","protected":false},"author":1,"featured_media":17328,"parent":17430,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"wp-custom-template-web-tools-right-sidebar","meta":{"googlesitekit_rrm_CAow1snDDA:productID":"","MSN_Categories":"Uncategorized","MSN_Publish_Option":false,"MSN_Is_Local_News":false,"MSN_Is_AIAC_Included":"Empty","MSN_Location":"[]","MSN_Add_Feature_Img_On_Top_Of_Post":false,"MSN_Has_Custom_Author":false,"MSN_Custom_Author":"","MSN_Has_Custom_Canonical_Url":false,"MSN_Custom_Canonical_Url":"","footnotes":""},"class_list":["post-17220","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/pages\/17220","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/comments?post=17220"}],"version-history":[{"count":5,"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/pages\/17220\/revisions"}],"predecessor-version":[{"id":17400,"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/pages\/17220\/revisions\/17400"}],"up":[{"embeddable":true,"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/pages\/17430"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/media\/17328"}],"wp:attachment":[{"href":"https:\/\/bestsoln.com\/web\/wp-json\/wp\/v2\/media?parent=17220"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}