{"id":11,"date":"2025-05-29T03:54:07","date_gmt":"2025-05-29T03:54:07","guid":{"rendered":"https:\/\/onlinetexteditor.io\/?page_id=11"},"modified":"2026-02-02T10:15:21","modified_gmt":"2026-02-02T10:15:21","slug":"online-text-editor-home","status":"publish","type":"page","link":"https:\/\/onlinetexteditor.io\/es","title":{"rendered":"Online Text Editor Home"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]   <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n\r\n    <!-- Hero Section -->\r\n    <section class=\"ote-hero\">\r\n        <div class=\"ote-container\">\r\n            <div class=\"ote-hero-content\">\r\n                <h1 class=\"ote-h1\">Free Online Text Editor<\/h1>\r\n                <p class=\"ote-hero-p\" style=\"font-size: 1.25rem; margin-bottom: 2rem;\">Create, edit, and format documents online with complete privacy. No registration required, no data collection, completely free forever.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>[\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]\r\n\r\n    <!-- Google Fonts - Premium Pairings -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link\r\n        href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700;800&family=Montserrat:wght@300;400;500;600;700;800&family=Lora:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Dancing+Script:wght@400;500;600;700&family=Pacifico&display=swap\"\r\n        rel=\"stylesheet\">\r\n\r\n    <!-- Quill.js CDN -->\r\n    <link href=\"https:\/\/cdn.quilljs.com\/1.3.6\/quill.snow.css\" rel=\"stylesheet\">\r\n    <script src=\"https:\/\/cdn.quilljs.com\/1.3.6\/quill.js\"><\/script>\r\n\r\n    <!-- Quill Image Resize Module -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/quill-image-resize-module@3.0.0\/image-resize.min.js\"><\/script>\r\n\r\n    <!-- html2pdf.js for High-Res PDF Export -->\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"><\/script>\r\n\r\n    <!-- Font Awesome for Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <!-- Custom Styles -->\r\n    <link rel=\"stylesheet\" href=\"style.css\">\r\n\r\n    <div id=\"aurapad-evolution\">\r\n        <!-- Header Section -->\r\n        <header class=\"aurapad-header\">\r\n            <div class=\"aurapad-header-inner\">\r\n                <div class=\"header-left\">\r\n                    <div class=\"logo\">\r\n                        <div class=\"logo-icon\">\r\n                            <i class=\"fas fa-feather-alt\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"header-center\">\r\n                    <div class=\"tab-bar\" id=\"tabBar\">\r\n                        <!-- Tabs will be dynamically added here -->\r\n                    <\/div>\r\n                    <button class=\"new-tab-btn\" id=\"newTabBtn\" data-title=\"New Note (Ctrl+N)\">\r\n                        <i class=\"fas fa-plus\"><\/i>\r\n                        <span>New<\/span>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <!-- Toolbar Section -->\r\n        <div class=\"toolbar\" id=\"toolbar\">\r\n            <!-- Text Styling Island -->\r\n            <div class=\"toolbar-island\">\r\n                <button class=\"toolbar-btn\" id=\"boldBtn\" data-title=\"Bold (Ctrl+B)\">\r\n                    <i class=\"fas fa-bold\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn\" id=\"italicBtn\" data-title=\"Italic (Ctrl+I)\">\r\n                    <i class=\"fas fa-italic\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn\" id=\"underlineBtn\" data-title=\"Underline (Ctrl+U)\">\r\n                    <i class=\"fas fa-underline\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn\" id=\"strikeBtn\" data-title=\"Strikethrough\">\r\n                    <i class=\"fas fa-strikethrough\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Color System Island -->\r\n            <div class=\"toolbar-island\">\r\n                <button class=\"toolbar-btn\" id=\"textColorBtn\" data-title=\"Text Color\">\r\n                    <i class=\"fas fa-font\"><\/i>\r\n                    <div class=\"color-indicator\" id=\"textColorIndicator\"><\/div>\r\n                <\/button>\r\n                <button class=\"toolbar-btn\" id=\"bgColorBtn\" data-title=\"Background Highlight\">\r\n                    <i class=\"fas fa-highlighter\"><\/i>\r\n                    <div class=\"color-indicator\" id=\"bgColorIndicator\"><\/div>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Premium Typography Island -->\r\n            <div class=\"toolbar-island\">\r\n                <button class=\"toolbar-select premium-font-select aurapad-dropdown-trigger\" id=\"fontMenuBtn\"\r\n                    data-title=\"Premium Font Pairing\" style=\"justify-content: space-between; min-width: 200px;\">\r\n                    <span id=\"currentFontDisplay\" style=\"font-family: 'Inter', sans-serif;\">Inter (Modern)<\/span>\r\n                    <i class=\"fas fa-caret-down\" style=\"font-size: 0.7em; margin-left: 4px;\"><\/i>\r\n                <\/button>\r\n\r\n                <!-- Font Size Controller -->\r\n                <div class=\"font-size-controller\">\r\n                    <button class=\"font-size-btn\" id=\"decreaseFontBtn\" data-title=\"Decrease Font Size\">\r\n                        <i class=\"fas fa-minus\"><\/i>\r\n                    <\/button>\r\n                    <input type=\"number\" id=\"fontSizeInput\" class=\"font-size-input\" value=\"16\" min=\"8\" max=\"72\">\r\n                    <button class=\"font-size-btn\" id=\"increaseFontBtn\" data-title=\"Increase Font Size\">\r\n                        <i class=\"fas fa-plus\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Menus Island -->\r\n            <div class=\"toolbar-island\">\r\n                <button class=\"toolbar-btn aurapad-dropdown-trigger\" id=\"styleMenuBtn\" data-title=\"Styles & Lists\">\r\n                    <i class=\"fas fa-heading\"><\/i>\r\n                    <i class=\"fas fa-caret-down\" style=\"font-size: 0.7em; margin-left: 4px;\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn aurapad-dropdown-trigger\" id=\"alignMenuBtn\" data-title=\"Alignment\">\r\n                    <i class=\"fas fa-align-left\"><\/i>\r\n                    <i class=\"fas fa-caret-down\" style=\"font-size: 0.7em; margin-left: 4px;\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn aurapad-dropdown-trigger\" id=\"textTransformMenuBtn\"\r\n                    data-title=\"Text Transform\">\r\n                    <span style=\"font-weight: 600; font-size: 14px;\">Aa<\/span>\r\n                    <i class=\"fas fa-caret-down\" style=\"font-size: 0.7em; margin-left: 4px;\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn aurapad-dropdown-trigger\" id=\"insertMenuBtn\" data-title=\"Insert\">\r\n                    <i class=\"fas fa-plus-circle\"><\/i>\r\n                    <span>Insert<\/span>\r\n                    <i class=\"fas fa-caret-down\" style=\"font-size: 0.7em; margin-left: 4px;\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Utilities Island -->\r\n            <div class=\"toolbar-island\">\r\n                <button class=\"toolbar-btn\" id=\"undoBtn\" data-title=\"Undo (Ctrl+Z)\">\r\n                    <i class=\"fas fa-undo\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn\" id=\"redoBtn\" data-title=\"Redo (Ctrl+Y)\">\r\n                    <i class=\"fas fa-redo\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn\" id=\"clearFormatBtn\" data-title=\"Clear Formatting\">\r\n                    <i class=\"fas fa-remove-format\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn\" id=\"spellCheckBtn\" data-title=\"Toggle Spellcheck\">\r\n                    <i class=\"fas fa-spell-check\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn\" id=\"findReplaceBtn\" data-title=\"Find & Replace (Ctrl+F)\">\r\n                    <i class=\"fas fa-search\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Mode & Zoom Island -->\r\n            <div class=\"toolbar-island\">\r\n                <button class=\"toolbar-btn mode-toggle\" id=\"modeToggle\" data-title=\"Toggle Rich\/Plain Text\">\r\n                    <i class=\"fas fa-code\"><\/i>\r\n                    <span>Plain<\/span>\r\n                <\/button>\r\n                <div style=\"width: 1px; height: 20px; background: rgba(0,0,0,0.1); margin: 0 8px;\"><\/div>\r\n                <button class=\"toolbar-btn\" id=\"zoomOutBtn\" data-title=\"Zoom Out\">\r\n                    <i class=\"fas fa-search-minus\"><\/i>\r\n                <\/button>\r\n                <span class=\"zoom-level\" id=\"zoomLevel\">100%<\/span>\r\n                <button class=\"toolbar-btn\" id=\"zoomInBtn\" data-title=\"Zoom In\">\r\n                    <i class=\"fas fa-search-plus\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- File Operations Island -->\r\n            <div class=\"toolbar-island\">\r\n                <button class=\"toolbar-btn\" id=\"uploadBtn\" data-title=\"Upload File\">\r\n                    <i class=\"fas fa-upload\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn aurapad-dropdown-trigger\" id=\"downloadMenuBtn\" data-title=\"Download Options\">\r\n                    <i class=\"fas fa-download\"><\/i>\r\n                    <i class=\"fas fa-caret-down\" style=\"font-size: 0.7em; margin-left: 2px;\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Find & Replace Panel -->\r\n        <div class=\"find-replace-panel\" id=\"findReplacePanel\">\r\n            <div class=\"find-replace-content\">\r\n                <div class=\"find-replace-header\">\r\n                    <h4><i class=\"fas fa-search\"><\/i> Search & Replace<\/h4>\r\n                    <button class=\"close-find-btn\" id=\"closeFindBtn\">\r\n                        <i class=\"fas fa-times\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n                <div class=\"find-replace-row\">\r\n                    <input type=\"text\" id=\"findInput\" placeholder=\"Find...\" class=\"find-input\">\r\n                    <button class=\"find-btn\" id=\"findNextBtn\">Next<\/button>\r\n                    <button class=\"find-btn\" id=\"findPrevBtn\">Previous<\/button>\r\n                    <span class=\"match-counter\" id=\"matchCounter\">0 matches<\/span>\r\n                <\/div>\r\n                <div class=\"find-replace-row\">\r\n                    <input type=\"text\" id=\"replaceInput\" placeholder=\"Replace with...\" class=\"find-input\">\r\n                    <button class=\"find-btn\" id=\"replaceBtn\">Replace<\/button>\r\n                    <button class=\"find-btn primary-btn\" id=\"replaceAllBtn\">Replace All<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Main Workspace -->\r\n        <div class=\"workspace\" id=\"workspace\">\r\n            <!-- Empty State Hero -->\r\n            <div class=\"empty-state\" id=\"emptyState\">\r\n                <div class=\"empty-state-icon\">\r\n                    <i class=\"fas fa-feather-alt\"><\/i>\r\n                <\/div>\r\n                <h2>Start your text here<\/h2>\r\n                <p>Create beautiful documents with our premium writing suite designed for professionals.<\/p>\r\n                <button class=\"empty-state-cta\" id=\"emptyStateCreateBtn\">\r\n                    <i class=\"fas fa-plus\"><\/i> Create New Note\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Rich Text Editor (Quill) -->\r\n            <div class=\"editor-container rich-editor\" id=\"richEditor\">\r\n                <div class=\"floating-canvas\" id=\"floatingCanvas\">\r\n                    <div id=\"quillEditor\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Plain Text Editor -->\r\n            <div class=\"editor-container plain-editor\" id=\"plainEditor\" style=\"display: none;\">\r\n                <div class=\"floating-canvas plain-canvas\">\r\n                    <div class=\"line-numbers\" id=\"lineNumbers\"><\/div>\r\n                    <textarea id=\"plainTextArea\" spellcheck=\"true\"><\/textarea>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Status Bar \/ Footer -->\r\n        <footer class=\"status-bar\">\r\n            <div class=\"status-left\">\r\n                <span class=\"status-item\">\r\n                    <i class=\"fas fa-file-alt\"><\/i>\r\n                    <span id=\"wordCount\">0<\/span> words\r\n                <\/span>\r\n                <span class=\"status-divider\">\u2022<\/span>\r\n                <span class=\"status-item\">\r\n                    <i class=\"fas fa-keyboard\"><\/i>\r\n                    <span id=\"charCount\">0<\/span> characters\r\n                <\/span>\r\n                <span class=\"status-divider\">\u2022<\/span>\r\n                <span class=\"status-item\">\r\n                    <i class=\"fas fa-paragraph\"><\/i>\r\n                    <span id=\"sentenceCount\">0<\/span> sentences\r\n                <\/span>\r\n                <span class=\"status-divider\">\u2022<\/span>\r\n                <span class=\"status-item\">\r\n                    <i class=\"fas fa-list-ol\"><\/i>\r\n                    <span id=\"lineCount\">0<\/span> lines\r\n                <\/span>\r\n            <\/div>\r\n            <div class=\"status-right\">\r\n                <span class=\"status-item\">\r\n                    <i class=\"fas fa-clock\"><\/i>\r\n                    Reading: <span id=\"readingTime\">0 min<\/span>\r\n                <\/span>\r\n                <span class=\"status-divider\">\u2022<\/span>\r\n                <span class=\"status-item\" id=\"modeIndicator\">\r\n                    <i class=\"fas fa-edit\"><\/i>\r\n                    Rich Text Mode\r\n                <\/span>\r\n                <span class=\"status-divider\">\u2022<\/span>\r\n                <span class=\"status-item auto-save-indicator\" id=\"autoSaveIndicator\">\r\n                    <span class=\"save-pulse-dot\"><\/span>Saved\r\n                <\/span>\r\n            <\/div>\r\n        <\/footer>\r\n\r\n        <!-- Hidden File Input -->\r\n        <input type=\"file\" id=\"fileInput\" accept=\".txt,.doc,.docx\" style=\"display: none;\">\r\n    <\/div>\r\n\r\n    <!-- Modals Section -->\r\n    <div class=\"modal\" id=\"passwordModal\">\r\n        <div class=\"modal-content\">\r\n            <h3><i class=\"fas fa-lock\"><\/i> Password Protect Note<\/h3>\r\n            <p>Enter a password to protect this note:<\/p>\r\n            <input type=\"password\" id=\"passwordInput\" placeholder=\"Enter password\" class=\"modal-input\">\r\n            <div class=\"modal-actions\">\r\n                <button class=\"modal-btn cancel-btn\" id=\"cancelPasswordBtn\">Cancel<\/button>\r\n                <button class=\"modal-btn confirm-btn\" id=\"confirmPasswordBtn\">Protect<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Unlock Modal -->\r\n    <div class=\"modal\" id=\"unlockModal\">\r\n        <div class=\"modal-content\">\r\n            <h3><i class=\"fas fa-lock-open\"><\/i> Protected Note<\/h3>\r\n            <p>This note is password protected. Enter password to unlock:<\/p>\r\n            <input type=\"password\" id=\"unlockPasswordInput\" placeholder=\"Enter password\" class=\"modal-input\">\r\n            <div class=\"modal-actions\">\r\n                <button class=\"modal-btn cancel-btn\" id=\"cancelUnlockBtn\">Cancel<\/button>\r\n                <button class=\"modal-btn confirm-btn\" id=\"confirmUnlockBtn\">Unlock<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Image Caption Modal -->\r\n    <div class=\"modal\" id=\"imageCaptionModal\">\r\n        <div class=\"modal-content\">\r\n            <h3><i class=\"fas fa-image\"><\/i> Add Image Caption<\/h3>\r\n            <input type=\"text\" id=\"imageCaptionInput\" placeholder=\"Enter caption...\" class=\"modal-input\">\r\n            <div class=\"modal-actions\">\r\n                <button class=\"modal-btn cancel-btn\" id=\"cancelCaptionBtn\">Cancel<\/button>\r\n                <button class=\"modal-btn confirm-btn\" id=\"confirmCaptionBtn\">Add Caption<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Table Grid Picker Modal -->\r\n    <div class=\"modal\" id=\"tablePickerModal\">\r\n        <div class=\"modal-content\">\r\n            <h3><i class=\"fas fa-table\"><\/i> Insert Table<\/h3>\r\n            <div class=\"table-grid-picker\" id=\"tableGridPicker\"><\/div>\r\n            <div class=\"table-size-display\" id=\"tableSizeDisplay\">1 x 1<\/div>\r\n            <div class=\"modal-actions\">\r\n                <button class=\"modal-btn cancel-btn\" id=\"cancelTableBtn\">Cancel<\/button>\r\n                <button class=\"modal-btn confirm-btn\" id=\"confirmTableBtn\">Insert<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Link Modal -->\r\n    <div class=\"modal\" id=\"linkModal\">\r\n        <div class=\"modal-content\">\r\n            <h3><i class=\"fas fa-link\"><\/i> Insert Link<\/h3>\r\n            <input type=\"text\" id=\"linkTextInput\" placeholder=\"Link text...\" class=\"modal-input\">\r\n            <input type=\"url\" id=\"linkUrlInput\" placeholder=\"https:\/\/example.com\" class=\"modal-input\">\r\n            <div class=\"modal-actions\">\r\n                <button class=\"modal-btn cancel-btn\" id=\"cancelLinkBtn\">Cancel<\/button>\r\n                <button class=\"modal-btn confirm-btn\" id=\"confirmLinkBtn\">Insert<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Column Layout Modal -->\r\n    <div class=\"modal\" id=\"columnLayoutModal\">\r\n        <div class=\"modal-content column-modal\">\r\n            <div class=\"modal-header\">\r\n                <h3><i class=\"fas fa-columns\"><\/i> Insert Columns Layout<\/h3>\r\n                <button class=\"close-modal-btn\" id=\"closeColumnModalBtn\">\u00d7<\/button>\r\n            <\/div>\r\n            <div class=\"column-layout-grid\">\r\n                <div class=\"layout-card\" data-layout=\"1fr 1fr\">\r\n                    <div class=\"layout-preview col-2-equal\"><\/div>\r\n                    <span>2 Columns (Equal)<\/span>\r\n                <\/div>\r\n                <div class=\"layout-card\" data-layout=\"1fr 3fr\">\r\n                    <div class=\"layout-preview col-2-25-75\"><\/div>\r\n                    <span>2 Columns (25% - 75%)<\/span>\r\n                <\/div>\r\n                <div class=\"layout-card\" data-layout=\"3fr 1fr\">\r\n                    <div class=\"layout-preview col-2-75-25\"><\/div>\r\n                    <span>2 Columns (75% - 25%)<\/span>\r\n                <\/div>\r\n                <div class=\"layout-card\" data-layout=\"1fr 1fr 1fr\">\r\n                    <div class=\"layout-preview col-3-equal\">\r\n                        <div><\/div>\r\n                    <\/div>\r\n                    <span>3 Columns (Equal)<\/span>\r\n                <\/div>\r\n                <div class=\"layout-card\" data-layout=\"1fr 2fr 1fr\">\r\n                    <div class=\"layout-preview col-3-25-50-25\">\r\n                        <div><\/div>\r\n                    <\/div>\r\n                    <span>3 Columns (25% - 50% - 25%)<\/span>\r\n                <\/div>\r\n                <div class=\"layout-card\" data-layout=\"1fr 1fr 1fr 1fr\">\r\n                    <div class=\"layout-preview col-4-equal\">\r\n                        <div><\/div>\r\n                        <div><\/div>\r\n                        <div><\/div>\r\n                        <div><\/div>\r\n                    <\/div>\r\n                    <span>4 Columns (Equal)<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"modal-actions\" style=\"margin-top: 24px; justify-content: flex-end;\">\r\n                <button class=\"modal-btn cancel-btn\" id=\"cancelColumnModalBtn\">Cancel<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Draw Canvas Modal -->\r\n    <div class=\"modal\" id=\"drawCanvasModal\">\r\n        <div class=\"modal-content draw-modal\">\r\n            <h3><i class=\"fas fa-pen\"><\/i> Draw \/ Signature<\/h3>\r\n            <canvas id=\"drawCanvas\" width=\"600\" height=\"300\"><\/canvas>\r\n            <div class=\"draw-controls\">\r\n                <button class=\"draw-btn\" id=\"clearCanvasBtn\"><i class=\"fas fa-eraser\"><\/i> Clear<\/button>\r\n                <input type=\"color\" id=\"drawColorPicker\" value=\"#000000\">\r\n                <input type=\"range\" id=\"drawSizeSlider\" min=\"1\" max=\"10\" value=\"2\">\r\n            <\/div>\r\n            <div class=\"modal-actions\">\r\n                <button class=\"modal-btn cancel-btn\" id=\"cancelDrawBtn\">Cancel<\/button>\r\n                <button class=\"modal-btn confirm-btn\" id=\"confirmDrawBtn\">Insert<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Dropdown Portal - Must be at root for proper z-index stacking (WordPress compatible) -->\r\n    <div id=\"aurapad-dropdown-portal\"><\/div>\r\n\r\n  [\/et_pb_fullwidth_code][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; fullwidth=&#8221;on&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_fullwidth_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]    <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n    <section class=\"ote-section ote-features\" id=\"features\">\r\n        <div class=\"ote-container\">\r\n\t\t\t\t\t\r\n\t\t\t<\/div>\r\n    <\/section>\r\n    <!-- Features Section -->\r\n    <section class=\"ote-section ote-features\" id=\"features\">\r\n        <div class=\"ote-container\">\r\n            <h2 class=\"ote-h2 ote-text-center ote-mb-5\">Why Choose <span class=\"ote-gradient-text\">Online Text Editor<\/span>?<\/h2>\r\n        \r\n            <div class=\"ote-row\">\r\n                <div class=\"ote-col ote-col-md-4\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\ud83d\udd12<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">Private & Secure<\/h3>\r\n                        <p class=\"ote-p\">Your documents are completely private. We don't store your data or track your activity.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ote-col ote-col-md-4\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\ud83d\ude80<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">No Login Required<\/h3>\r\n                        <p class=\"ote-p\">Start editing immediately. No registration, no accounts, no personal information needed.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ote-col ote-col-md-4\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\u26a1<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">Fast & Lightweight<\/h3>\r\n                        <p class=\"ote-p\">Lightning-fast editing with our optimized interface. Create documents in seconds, not minutes.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"ote-row\">\r\n                <div class=\"ote-col ote-col-md-4\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\ud83d\udcdd<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">Rich Text Editing<\/h3>\r\n                        <p class=\"ote-p\">Professional formatting with fonts, colors, styles, and export to multiple formats (PDF, Word, HTML).<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ote-col ote-col-md-4\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\ud83d\udcf1<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">Mobile Friendly<\/h3>\r\n                        <p class=\"ote-p\">Works perfectly on all devices - desktop, tablet, and mobile phones with responsive design.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ote-col ote-col-md-4\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\ud83d\udcbe<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">Auto-Save Feature<\/h3>\r\n                        <p class=\"ote-p\">Never lose your work with automatic saving to your browser's local storage as you type.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- How It Works Section -->\r\n    <section class=\"ote-section ote-how-it-works\">\r\n        <div class=\"ote-container\">\r\n            <h2 class=\"ote-h2 ote-text-center ote-mb-5\">How It Works<\/h2>\r\n        \r\n            <div class=\"ote-row\">\r\n                <div class=\"ote-col ote-col-md-3\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\ud83c\udf10<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">Open Editor<\/h3>\r\n                        <p class=\"ote-p\">Click \"Start Editing\" to open our powerful text editor in your browser instantly.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ote-col ote-col-md-3\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\u270d\ufe0f<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">Create & Format<\/h3>\r\n                        <p class=\"ote-p\">Type your content and use our formatting tools to style your document professionally.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ote-col ote-col-md-3\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\ud83c\udfa8<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">Style & Design<\/h3>\r\n                        <p class=\"ote-p\">Apply fonts, colors, layouts, and advanced formatting to make your document stand out.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ote-col ote-col-md-3\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\ud83d\udcbe<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">Save & Export<\/h3>\r\n                        <p class=\"ote-p\">Download your finished document in your preferred format (PDF, Word, HTML) instantly.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Benefits Section -->\r\n    <section class=\"ote-section ote-benefits\">\r\n        <div class=\"ote-container\">\r\n            <div class=\"ote-row\">\r\n                <div class=\"ote-col ote-col-md-8\" style=\"margin: 0 auto;\">\r\n                    <div class=\"ote-text-center ote-mb-5\">\r\n                        <h2 class=\"ote-h2\">Why Choose OnlineTextEditor.io?<\/h2>\r\n                        <p class=\"ote-p\">Everything you need in an online text editor<\/p>\r\n                    <\/div>\r\n                    <div class=\"ote-row\">\r\n                        <div class=\"ote-col ote-col-md-6\">\r\n                            <div class=\"ote-benefit-item\">\r\n                                <div class=\"ote-check-icon\">\u2713<\/div>\r\n                                <div>\r\n                                    <h4>Anonymous Editing<\/h4>\r\n                                    <p class=\"ote-p\">No tracking, no data collection, complete privacy<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"ote-col ote-col-md-6\">\r\n                            <div class=\"ote-benefit-item\">\r\n                                <div class=\"ote-check-icon\">\u2713<\/div>\r\n                                <div>\r\n                                    <h4>No Ads or Popups<\/h4>\r\n                                    <p class=\"ote-p\">Clean interface without annoying advertisements<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"ote-col ote-col-md-6\">\r\n                            <div class=\"ote-benefit-item\">\r\n                                <div class=\"ote-check-icon\">\u2713<\/div>\r\n                                <div>\r\n                                    <h4>Works on All Devices<\/h4>\r\n                                    <p class=\"ote-p\">Desktop, tablet, mobile - works everywhere<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"ote-col ote-col-md-6\">\r\n                            <div class=\"ote-benefit-item\">\r\n                                <div class=\"ote-check-icon\">\u2713<\/div>\r\n                                <div>\r\n                                    <h4>Safe and Secure<\/h4>\r\n                                    <p class=\"ote-p\">No malware, no viruses, completely safe to use<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"ote-col ote-col-md-6\">\r\n                            <div class=\"ote-benefit-item\">\r\n                                <div class=\"ote-check-icon\">\u2713<\/div>\r\n                                <div>\r\n                                    <h4>Multiple Export Formats<\/h4>\r\n                                    <p class=\"ote-p\">PDF, Word, HTML and other popular document formats<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"ote-col ote-col-md-6\">\r\n                            <div class=\"ote-benefit-item\">\r\n                                <div class=\"ote-check-icon\">\u2713<\/div>\r\n                                <div>\r\n                                    <h4>Completely Free<\/h4>\r\n                                    <p class=\"ote-p\">No hidden costs, no premium plans, always free<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Testimonials Section -->\r\n    <section class=\"ote-section ote-testimonials\">\r\n        <div class=\"ote-container\">\r\n            <h2 class=\"ote-h2 ote-text-center ote-mb-5\">What Our Users Say<\/h2>\r\n            \r\n            <div class=\"ote-row\">\r\n                <div class=\"ote-col ote-col-md-4\">\r\n                    <div class=\"ote-testimonial\">\r\n                        <img decoding=\"async\" src=\"https:\/\/onlinetexteditor.io\/wp-content\/uploads\/2025\/05\/sahra.png\" alt=\"User Avatar\" class=\"ote-avatar\">\r\n                        <div class=\"ote-testimonial-content\">\r\n                            <p class=\"ote-p\">\"Finally, a text editor that actually respects privacy! No registration required, clean interface, and professional results. Perfect!\"<\/p>\r\n                            <p class=\"ote-mb-1\"><strong>Sarah M.<\/strong><\/p>\r\n                            <div class=\"ote-rating\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ote-col ote-col-md-4\">\r\n                    <div class=\"ote-testimonial\">\r\n                        <img decoding=\"async\" src=\"https:\/\/onlinetexteditor.io\/wp-content\/uploads\/2025\/05\/Mike.png\" alt=\"User Avatar\" class=\"ote-avatar\">\r\n                        <div class=\"ote-testimonial-content\">\r\n                            <p class=\"ote-p\">\"I've tried many online editors, but OnlineTextEditor.io is by far the fastest and most reliable. The formatting options are excellent too.\"<\/p>\r\n                            <p class=\"ote-mb-1\"><strong>Mike R.<\/strong><\/p>\r\n                            <div class=\"ote-rating\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ote-col ote-col-md-4\">\r\n                    <div class=\"ote-testimonial\">\r\n                        <img decoding=\"async\" src=\"https:\/\/onlinetexteditor.io\/wp-content\/uploads\/2025\/05\/emma.png\" alt=\"User Avatar\" class=\"ote-avatar\">\r\n                        <div class=\"ote-testimonial-content\">\r\n                            <p class=\"ote-p\">\"Love that it's completely anonymous and secure. No need to worry about privacy or data collection. Highly recommended!\"<\/p>\r\n                            <p class=\"ote-mb-1\"><strong>Emma L.<\/strong><\/p>\r\n                            <div class=\"ote-rating\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ Section -->\r\n    <section class=\"ote-section ote-faq\">\r\n        <div class=\"ote-container\">\r\n            <h2 class=\"ote-h2 ote-text-center ote-mb-5\">Frequently Asked Questions<\/h2>\r\n        \r\n            <div class=\"ote-row\">\r\n                <div class=\"ote-col ote-col-md-8\" style=\"margin: 0 auto;\">\r\n                    <div class=\"accordion\" id=\"faqAccordion\">\r\n                        <div class=\"ote-faq-item accordion-item\">\r\n                            <h3 class=\"accordion-header\" id=\"faq1\">\r\n                                <button class=\"ote-faq-question accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse1\" aria-expanded=\"false\" aria-controls=\"collapse1\">\r\n                                    Do I need an account?\r\n                                <\/button>\r\n                            <\/h3>\r\n                            <div id=\"collapse1\" class=\"accordion-collapse collapse\" aria-labelledby=\"faq1\" data-bs-parent=\"#faqAccordion\">\r\n                                <div class=\"ote-faq-answer accordion-body\">\r\n                                    <p class=\"ote-p\">No, it's 100% anonymous. No registration, no login, no personal information required.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ote-faq-item accordion-item\">\r\n                            <h3 class=\"accordion-header\" id=\"faq2\">\r\n                                <button class=\"ote-faq-question accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse2\" aria-expanded=\"false\" aria-controls=\"collapse2\">\r\n                                    Is OnlineTextEditor.io free to use?\r\n                                <\/button>\r\n                            <\/h3>\r\n                            <div id=\"collapse2\" class=\"accordion-collapse collapse\" aria-labelledby=\"faq2\" data-bs-parent=\"#faqAccordion\">\r\n                                <div class=\"ote-faq-answer accordion-body\">\r\n                                    <p class=\"ote-p\">Yes, completely free forever. No hidden fees, no premium plans, no subscriptions.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ote-faq-item accordion-item\">\r\n                            <h3 class=\"accordion-header\" id=\"faq3\">\r\n                                <button class=\"ote-faq-question accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse3\" aria-expanded=\"false\" aria-controls=\"collapse3\">\r\n                                    What export formats are supported?\r\n                                <\/button>\r\n                            <\/h3>\r\n                            <div id=\"collapse3\" class=\"accordion-collapse collapse\" aria-labelledby=\"faq3\" data-bs-parent=\"#faqAccordion\">\r\n                                <div class=\"ote-faq-answer accordion-body\">\r\n                                    <p class=\"ote-p\">We support PDF, Word (DOCX), HTML, and plain text formats with professional formatting preserved.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ote-faq-item accordion-item\">\r\n                            <h3 class=\"accordion-header\" id=\"faq4\">\r\n                                <button class=\"ote-faq-question accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse4\" aria-expanded=\"false\" aria-controls=\"collapse4\">\r\n                                    Is it safe to use?\r\n                                <\/button>\r\n                            <\/h3>\r\n                            <div id=\"collapse4\" class=\"accordion-collapse collapse\" aria-labelledby=\"faq4\" data-bs-parent=\"#faqAccordion\">\r\n                                <div class=\"ote-faq-answer accordion-body\">\r\n                                    <p class=\"ote-p\">Absolutely. No malware, no viruses, no data collection. Your privacy and security are our priority.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ote-faq-item accordion-item\">\r\n                            <h3 class=\"accordion-header\" id=\"faq5\">\r\n                                <button class=\"ote-faq-question accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse5\" aria-expanded=\"false\" aria-controls=\"collapse5\">\r\n                                    Are my documents stored on your servers?\r\n                                <\/button>\r\n                            <\/h3>\r\n                            <div id=\"collapse5\" class=\"accordion-collapse collapse\" aria-labelledby=\"faq5\" data-bs-parent=\"#faqAccordion\">\r\n                                <div class=\"ote-faq-answer accordion-body\">\r\n                                    <p class=\"ote-p\">No, all editing happens locally in your browser. We never see or store your documents.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA Section -->\r\n    <section class=\"ote-section ote-cta\">\r\n        <div class=\"ote-container\">\r\n            <h2 class=\"ote-hero-h2 ote-h2 ote-text-center ote-mb-5\">Start Using the Best Online Text Editor<\/h2>\r\n            <p class=\"ote-p ote-text-center ote-mb-4\" style=\"font-size: 1.25rem; opacity: 0.9;\">Join thousands of users who trust OnlineTextEditor.io for their document editing needs<\/p>\r\n            <div class=\"ote-text-center\">\r\n                <a href=\"#\" class=\"ote-btn ote-btn-lg ote-btn-light\">Try Now \u2014 It's Free<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script>[\/et_pb_fullwidth_code][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>   <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n\r\n    <!-- Hero Section -->\r\n    <section class=\"ote-hero\">\r\n        <div class=\"ote-container\">\r\n            <div class=\"ote-hero-content\">\r\n                <h1 class=\"ote-h1\">Free Online Text Editor<\/h1>\r\n                <p class=\"ote-hero-p\" style=\"font-size: 1.25rem; margin-bottom: 2rem;\">Create, edit, and format documents online with complete privacy. No registration required, no data collection, completely free forever.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Google Fonts - Premium Pairings -->\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link\r\n        href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@400;500;600;700;800&family=Montserrat:wght@300;400;500;600;700;800&family=Lora:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Dancing+Script:wght@400;500;600;700&family=Pacifico&display=swap\"\r\n        rel=\"stylesheet\">\r\n\r\n    <!-- Quill.js CDN -->\r\n    <link href=\"https:\/\/cdn.quilljs.com\/1.3.6\/quill.snow.css\" rel=\"stylesheet\">\r\n    <script src=\"https:\/\/cdn.quilljs.com\/1.3.6\/quill.js\"><\/script>\r\n\r\n    <!-- Quill Image Resize Module -->\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/quill-image-resize-module@3.0.0\/image-resize.min.js\"><\/script>\r\n\r\n    <!-- html2pdf.js for High-Res PDF Export -->\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2pdf.js\/0.10.1\/html2pdf.bundle.min.js\"><\/script>\r\n\r\n    <!-- Font Awesome for Icons -->\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <!-- Custom Styles -->\r\n    <link rel=\"stylesheet\" href=\"style.css\">\r\n\r\n    <div id=\"aurapad-evolution\">\r\n        <!-- Header Section -->\r\n        <header class=\"aurapad-header\">\r\n            <div class=\"aurapad-header-inner\">\r\n                <div class=\"header-left\">\r\n                    <div class=\"logo\">\r\n                        <div class=\"logo-icon\">\r\n                            <i class=\"fas fa-feather-alt\"><\/i>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"header-center\">\r\n                    <div class=\"tab-bar\" id=\"tabBar\">\r\n                        <!-- Tabs will be dynamically added here -->\r\n                    <\/div>\r\n                    <button class=\"new-tab-btn\" id=\"newTabBtn\" data-title=\"New Note (Ctrl+N)\">\r\n                        <i class=\"fas fa-plus\"><\/i>\r\n                        <span>New<\/span>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/header>\r\n\r\n        <!-- Toolbar Section -->\r\n        <div class=\"toolbar\" id=\"toolbar\">\r\n            <!-- Text Styling Island -->\r\n            <div class=\"toolbar-island\">\r\n                <button class=\"toolbar-btn\" id=\"boldBtn\" data-title=\"Bold (Ctrl+B)\">\r\n                    <i class=\"fas fa-bold\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn\" id=\"italicBtn\" data-title=\"Italic (Ctrl+I)\">\r\n                    <i class=\"fas fa-italic\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn\" id=\"underlineBtn\" data-title=\"Underline (Ctrl+U)\">\r\n                    <i class=\"fas fa-underline\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn\" id=\"strikeBtn\" data-title=\"Strikethrough\">\r\n                    <i class=\"fas fa-strikethrough\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Color System Island -->\r\n            <div class=\"toolbar-island\">\r\n                <button class=\"toolbar-btn\" id=\"textColorBtn\" data-title=\"Text Color\">\r\n                    <i class=\"fas fa-font\"><\/i>\r\n                    <div class=\"color-indicator\" id=\"textColorIndicator\"><\/div>\r\n                <\/button>\r\n                <button class=\"toolbar-btn\" id=\"bgColorBtn\" data-title=\"Background Highlight\">\r\n                    <i class=\"fas fa-highlighter\"><\/i>\r\n                    <div class=\"color-indicator\" id=\"bgColorIndicator\"><\/div>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Premium Typography Island -->\r\n            <div class=\"toolbar-island\">\r\n                <button class=\"toolbar-select premium-font-select aurapad-dropdown-trigger\" id=\"fontMenuBtn\"\r\n                    data-title=\"Premium Font Pairing\" style=\"justify-content: space-between; min-width: 200px;\">\r\n                    <span id=\"currentFontDisplay\" style=\"font-family: 'Inter', sans-serif;\">Inter (Modern)<\/span>\r\n                    <i class=\"fas fa-caret-down\" style=\"font-size: 0.7em; margin-left: 4px;\"><\/i>\r\n                <\/button>\r\n\r\n                <!-- Font Size Controller -->\r\n                <div class=\"font-size-controller\">\r\n                    <button class=\"font-size-btn\" id=\"decreaseFontBtn\" data-title=\"Decrease Font Size\">\r\n                        <i class=\"fas fa-minus\"><\/i>\r\n                    <\/button>\r\n                    <input type=\"number\" id=\"fontSizeInput\" class=\"font-size-input\" value=\"16\" min=\"8\" max=\"72\">\r\n                    <button class=\"font-size-btn\" id=\"increaseFontBtn\" data-title=\"Increase Font Size\">\r\n                        <i class=\"fas fa-plus\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Menus Island -->\r\n            <div class=\"toolbar-island\">\r\n                <button class=\"toolbar-btn aurapad-dropdown-trigger\" id=\"styleMenuBtn\" data-title=\"Styles & Lists\">\r\n                    <i class=\"fas fa-heading\"><\/i>\r\n                    <i class=\"fas fa-caret-down\" style=\"font-size: 0.7em; margin-left: 4px;\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn aurapad-dropdown-trigger\" id=\"alignMenuBtn\" data-title=\"Alignment\">\r\n                    <i class=\"fas fa-align-left\"><\/i>\r\n                    <i class=\"fas fa-caret-down\" style=\"font-size: 0.7em; margin-left: 4px;\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn aurapad-dropdown-trigger\" id=\"textTransformMenuBtn\"\r\n                    data-title=\"Text Transform\">\r\n                    <span style=\"font-weight: 600; font-size: 14px;\">Aa<\/span>\r\n                    <i class=\"fas fa-caret-down\" style=\"font-size: 0.7em; margin-left: 4px;\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn aurapad-dropdown-trigger\" id=\"insertMenuBtn\" data-title=\"Insert\">\r\n                    <i class=\"fas fa-plus-circle\"><\/i>\r\n                    <span>Insert<\/span>\r\n                    <i class=\"fas fa-caret-down\" style=\"font-size: 0.7em; margin-left: 4px;\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Utilities Island -->\r\n            <div class=\"toolbar-island\">\r\n                <button class=\"toolbar-btn\" id=\"undoBtn\" data-title=\"Undo (Ctrl+Z)\">\r\n                    <i class=\"fas fa-undo\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn\" id=\"redoBtn\" data-title=\"Redo (Ctrl+Y)\">\r\n                    <i class=\"fas fa-redo\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn\" id=\"clearFormatBtn\" data-title=\"Clear Formatting\">\r\n                    <i class=\"fas fa-remove-format\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn\" id=\"spellCheckBtn\" data-title=\"Toggle Spellcheck\">\r\n                    <i class=\"fas fa-spell-check\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn\" id=\"findReplaceBtn\" data-title=\"Find & Replace (Ctrl+F)\">\r\n                    <i class=\"fas fa-search\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Mode & Zoom Island -->\r\n            <div class=\"toolbar-island\">\r\n                <button class=\"toolbar-btn mode-toggle\" id=\"modeToggle\" data-title=\"Toggle Rich\/Plain Text\">\r\n                    <i class=\"fas fa-code\"><\/i>\r\n                    <span>Plain<\/span>\r\n                <\/button>\r\n                <div style=\"width: 1px; height: 20px; background: rgba(0,0,0,0.1); margin: 0 8px;\"><\/div>\r\n                <button class=\"toolbar-btn\" id=\"zoomOutBtn\" data-title=\"Zoom Out\">\r\n                    <i class=\"fas fa-search-minus\"><\/i>\r\n                <\/button>\r\n                <span class=\"zoom-level\" id=\"zoomLevel\">100%<\/span>\r\n                <button class=\"toolbar-btn\" id=\"zoomInBtn\" data-title=\"Zoom In\">\r\n                    <i class=\"fas fa-search-plus\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- File Operations Island -->\r\n            <div class=\"toolbar-island\">\r\n                <button class=\"toolbar-btn\" id=\"uploadBtn\" data-title=\"Upload File\">\r\n                    <i class=\"fas fa-upload\"><\/i>\r\n                <\/button>\r\n                <button class=\"toolbar-btn aurapad-dropdown-trigger\" id=\"downloadMenuBtn\" data-title=\"Download Options\">\r\n                    <i class=\"fas fa-download\"><\/i>\r\n                    <i class=\"fas fa-caret-down\" style=\"font-size: 0.7em; margin-left: 2px;\"><\/i>\r\n                <\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Find & Replace Panel -->\r\n        <div class=\"find-replace-panel\" id=\"findReplacePanel\">\r\n            <div class=\"find-replace-content\">\r\n                <div class=\"find-replace-header\">\r\n                    <h4><i class=\"fas fa-search\"><\/i> Search & Replace<\/h4>\r\n                    <button class=\"close-find-btn\" id=\"closeFindBtn\">\r\n                        <i class=\"fas fa-times\"><\/i>\r\n                    <\/button>\r\n                <\/div>\r\n                <div class=\"find-replace-row\">\r\n                    <input type=\"text\" id=\"findInput\" placeholder=\"Find...\" class=\"find-input\">\r\n                    <button class=\"find-btn\" id=\"findNextBtn\">Next<\/button>\r\n                    <button class=\"find-btn\" id=\"findPrevBtn\">Previous<\/button>\r\n                    <span class=\"match-counter\" id=\"matchCounter\">0 matches<\/span>\r\n                <\/div>\r\n                <div class=\"find-replace-row\">\r\n                    <input type=\"text\" id=\"replaceInput\" placeholder=\"Replace with...\" class=\"find-input\">\r\n                    <button class=\"find-btn\" id=\"replaceBtn\">Replace<\/button>\r\n                    <button class=\"find-btn primary-btn\" id=\"replaceAllBtn\">Replace All<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Main Workspace -->\r\n        <div class=\"workspace\" id=\"workspace\">\r\n            <!-- Empty State Hero -->\r\n            <div class=\"empty-state\" id=\"emptyState\">\r\n                <div class=\"empty-state-icon\">\r\n                    <i class=\"fas fa-feather-alt\"><\/i>\r\n                <\/div>\r\n                <h2>Start your text here<\/h2>\r\n                <p>Create beautiful documents with our premium writing suite designed for professionals.<\/p>\r\n                <button class=\"empty-state-cta\" id=\"emptyStateCreateBtn\">\r\n                    <i class=\"fas fa-plus\"><\/i> Create New Note\r\n                <\/button>\r\n            <\/div>\r\n\r\n            <!-- Rich Text Editor (Quill) -->\r\n            <div class=\"editor-container rich-editor\" id=\"richEditor\">\r\n                <div class=\"floating-canvas\" id=\"floatingCanvas\">\r\n                    <div id=\"quillEditor\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Plain Text Editor -->\r\n            <div class=\"editor-container plain-editor\" id=\"plainEditor\" style=\"display: none;\">\r\n                <div class=\"floating-canvas plain-canvas\">\r\n                    <div class=\"line-numbers\" id=\"lineNumbers\"><\/div>\r\n                    <textarea id=\"plainTextArea\" spellcheck=\"true\"><\/textarea>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Status Bar \/ Footer -->\r\n        <footer class=\"status-bar\">\r\n            <div class=\"status-left\">\r\n                <span class=\"status-item\">\r\n                    <i class=\"fas fa-file-alt\"><\/i>\r\n                    <span id=\"wordCount\">0<\/span> words\r\n                <\/span>\r\n                <span class=\"status-divider\">\u2022<\/span>\r\n                <span class=\"status-item\">\r\n                    <i class=\"fas fa-keyboard\"><\/i>\r\n                    <span id=\"charCount\">0<\/span> characters\r\n                <\/span>\r\n                <span class=\"status-divider\">\u2022<\/span>\r\n                <span class=\"status-item\">\r\n                    <i class=\"fas fa-paragraph\"><\/i>\r\n                    <span id=\"sentenceCount\">0<\/span> sentences\r\n                <\/span>\r\n                <span class=\"status-divider\">\u2022<\/span>\r\n                <span class=\"status-item\">\r\n                    <i class=\"fas fa-list-ol\"><\/i>\r\n                    <span id=\"lineCount\">0<\/span> lines\r\n                <\/span>\r\n            <\/div>\r\n            <div class=\"status-right\">\r\n                <span class=\"status-item\">\r\n                    <i class=\"fas fa-clock\"><\/i>\r\n                    Reading: <span id=\"readingTime\">0 min<\/span>\r\n                <\/span>\r\n                <span class=\"status-divider\">\u2022<\/span>\r\n                <span class=\"status-item\" id=\"modeIndicator\">\r\n                    <i class=\"fas fa-edit\"><\/i>\r\n                    Rich Text Mode\r\n                <\/span>\r\n                <span class=\"status-divider\">\u2022<\/span>\r\n                <span class=\"status-item auto-save-indicator\" id=\"autoSaveIndicator\">\r\n                    <span class=\"save-pulse-dot\"><\/span>Saved\r\n                <\/span>\r\n            <\/div>\r\n        <\/footer>\r\n\r\n        <!-- Hidden File Input -->\r\n        <input type=\"file\" id=\"fileInput\" accept=\".txt,.doc,.docx\" style=\"display: none;\">\r\n    <\/div>\r\n\r\n    <!-- Modals Section -->\r\n    <div class=\"modal\" id=\"passwordModal\">\r\n        <div class=\"modal-content\">\r\n            <h3><i class=\"fas fa-lock\"><\/i> Password Protect Note<\/h3>\r\n            <p>Enter a password to protect this note:<\/p>\r\n            <input type=\"password\" id=\"passwordInput\" placeholder=\"Enter password\" class=\"modal-input\">\r\n            <div class=\"modal-actions\">\r\n                <button class=\"modal-btn cancel-btn\" id=\"cancelPasswordBtn\">Cancel<\/button>\r\n                <button class=\"modal-btn confirm-btn\" id=\"confirmPasswordBtn\">Protect<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Unlock Modal -->\r\n    <div class=\"modal\" id=\"unlockModal\">\r\n        <div class=\"modal-content\">\r\n            <h3><i class=\"fas fa-lock-open\"><\/i> Protected Note<\/h3>\r\n            <p>This note is password protected. Enter password to unlock:<\/p>\r\n            <input type=\"password\" id=\"unlockPasswordInput\" placeholder=\"Enter password\" class=\"modal-input\">\r\n            <div class=\"modal-actions\">\r\n                <button class=\"modal-btn cancel-btn\" id=\"cancelUnlockBtn\">Cancel<\/button>\r\n                <button class=\"modal-btn confirm-btn\" id=\"confirmUnlockBtn\">Unlock<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Image Caption Modal -->\r\n    <div class=\"modal\" id=\"imageCaptionModal\">\r\n        <div class=\"modal-content\">\r\n            <h3><i class=\"fas fa-image\"><\/i> Add Image Caption<\/h3>\r\n            <input type=\"text\" id=\"imageCaptionInput\" placeholder=\"Enter caption...\" class=\"modal-input\">\r\n            <div class=\"modal-actions\">\r\n                <button class=\"modal-btn cancel-btn\" id=\"cancelCaptionBtn\">Cancel<\/button>\r\n                <button class=\"modal-btn confirm-btn\" id=\"confirmCaptionBtn\">Add Caption<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Table Grid Picker Modal -->\r\n    <div class=\"modal\" id=\"tablePickerModal\">\r\n        <div class=\"modal-content\">\r\n            <h3><i class=\"fas fa-table\"><\/i> Insert Table<\/h3>\r\n            <div class=\"table-grid-picker\" id=\"tableGridPicker\"><\/div>\r\n            <div class=\"table-size-display\" id=\"tableSizeDisplay\">1 x 1<\/div>\r\n            <div class=\"modal-actions\">\r\n                <button class=\"modal-btn cancel-btn\" id=\"cancelTableBtn\">Cancel<\/button>\r\n                <button class=\"modal-btn confirm-btn\" id=\"confirmTableBtn\">Insert<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Link Modal -->\r\n    <div class=\"modal\" id=\"linkModal\">\r\n        <div class=\"modal-content\">\r\n            <h3><i class=\"fas fa-link\"><\/i> Insert Link<\/h3>\r\n            <input type=\"text\" id=\"linkTextInput\" placeholder=\"Link text...\" class=\"modal-input\">\r\n            <input type=\"url\" id=\"linkUrlInput\" placeholder=\"https:\/\/example.com\" class=\"modal-input\">\r\n            <div class=\"modal-actions\">\r\n                <button class=\"modal-btn cancel-btn\" id=\"cancelLinkBtn\">Cancel<\/button>\r\n                <button class=\"modal-btn confirm-btn\" id=\"confirmLinkBtn\">Insert<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Column Layout Modal -->\r\n    <div class=\"modal\" id=\"columnLayoutModal\">\r\n        <div class=\"modal-content column-modal\">\r\n            <div class=\"modal-header\">\r\n                <h3><i class=\"fas fa-columns\"><\/i> Insert Columns Layout<\/h3>\r\n                <button class=\"close-modal-btn\" id=\"closeColumnModalBtn\">\u00d7<\/button>\r\n            <\/div>\r\n            <div class=\"column-layout-grid\">\r\n                <div class=\"layout-card\" data-layout=\"1fr 1fr\">\r\n                    <div class=\"layout-preview col-2-equal\"><\/div>\r\n                    <span>2 Columns (Equal)<\/span>\r\n                <\/div>\r\n                <div class=\"layout-card\" data-layout=\"1fr 3fr\">\r\n                    <div class=\"layout-preview col-2-25-75\"><\/div>\r\n                    <span>2 Columns (25% - 75%)<\/span>\r\n                <\/div>\r\n                <div class=\"layout-card\" data-layout=\"3fr 1fr\">\r\n                    <div class=\"layout-preview col-2-75-25\"><\/div>\r\n                    <span>2 Columns (75% - 25%)<\/span>\r\n                <\/div>\r\n                <div class=\"layout-card\" data-layout=\"1fr 1fr 1fr\">\r\n                    <div class=\"layout-preview col-3-equal\">\r\n                        <div><\/div>\r\n                    <\/div>\r\n                    <span>3 Columns (Equal)<\/span>\r\n                <\/div>\r\n                <div class=\"layout-card\" data-layout=\"1fr 2fr 1fr\">\r\n                    <div class=\"layout-preview col-3-25-50-25\">\r\n                        <div><\/div>\r\n                    <\/div>\r\n                    <span>3 Columns (25% - 50% - 25%)<\/span>\r\n                <\/div>\r\n                <div class=\"layout-card\" data-layout=\"1fr 1fr 1fr 1fr\">\r\n                    <div class=\"layout-preview col-4-equal\">\r\n                        <div><\/div>\r\n                        <div><\/div>\r\n                        <div><\/div>\r\n                        <div><\/div>\r\n                    <\/div>\r\n                    <span>4 Columns (Equal)<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"modal-actions\" style=\"margin-top: 24px; justify-content: flex-end;\">\r\n                <button class=\"modal-btn cancel-btn\" id=\"cancelColumnModalBtn\">Cancel<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Draw Canvas Modal -->\r\n    <div class=\"modal\" id=\"drawCanvasModal\">\r\n        <div class=\"modal-content draw-modal\">\r\n            <h3><i class=\"fas fa-pen\"><\/i> Draw \/ Signature<\/h3>\r\n            <canvas id=\"drawCanvas\" width=\"600\" height=\"300\"><\/canvas>\r\n            <div class=\"draw-controls\">\r\n                <button class=\"draw-btn\" id=\"clearCanvasBtn\"><i class=\"fas fa-eraser\"><\/i> Clear<\/button>\r\n                <input type=\"color\" id=\"drawColorPicker\" value=\"#000000\">\r\n                <input type=\"range\" id=\"drawSizeSlider\" min=\"1\" max=\"10\" value=\"2\">\r\n            <\/div>\r\n            <div class=\"modal-actions\">\r\n                <button class=\"modal-btn cancel-btn\" id=\"cancelDrawBtn\">Cancel<\/button>\r\n                <button class=\"modal-btn confirm-btn\" id=\"confirmDrawBtn\">Insert<\/button>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Dropdown Portal - Must be at root for proper z-index stacking (WordPress compatible) -->\r\n    <div id=\"aurapad-dropdown-portal\"><\/div>\r\n\r\n      <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/css\/bootstrap.min.css\" rel=\"stylesheet\">\r\n    <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\" rel=\"stylesheet\">\r\n    <section class=\"ote-section ote-features\" id=\"features\">\r\n        <div class=\"ote-container\">\r\n\t\t\t\t\t\r\n\t\t\t<\/div>\r\n    <\/section>\r\n    <!-- Features Section -->\r\n    <section class=\"ote-section ote-features\" id=\"features\">\r\n        <div class=\"ote-container\">\r\n            <h2 class=\"ote-h2 ote-text-center ote-mb-5\">Why Choose <span class=\"ote-gradient-text\">Online Text Editor<\/span>?<\/h2>\r\n        \r\n            <div class=\"ote-row\">\r\n                <div class=\"ote-col ote-col-md-4\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\ud83d\udd12<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">Private & Secure<\/h3>\r\n                        <p class=\"ote-p\">Your documents are completely private. We don't store your data or track your activity.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ote-col ote-col-md-4\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\ud83d\ude80<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">No Login Required<\/h3>\r\n                        <p class=\"ote-p\">Start editing immediately. No registration, no accounts, no personal information needed.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ote-col ote-col-md-4\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\u26a1<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">Fast & Lightweight<\/h3>\r\n                        <p class=\"ote-p\">Lightning-fast editing with our optimized interface. Create documents in seconds, not minutes.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"ote-row\">\r\n                <div class=\"ote-col ote-col-md-4\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\ud83d\udcdd<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">Rich Text Editing<\/h3>\r\n                        <p class=\"ote-p\">Professional formatting with fonts, colors, styles, and export to multiple formats (PDF, Word, HTML).<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ote-col ote-col-md-4\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\ud83d\udcf1<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">Mobile Friendly<\/h3>\r\n                        <p class=\"ote-p\">Works perfectly on all devices - desktop, tablet, and mobile phones with responsive design.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ote-col ote-col-md-4\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\ud83d\udcbe<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">Auto-Save Feature<\/h3>\r\n                        <p class=\"ote-p\">Never lose your work with automatic saving to your browser's local storage as you type.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- How It Works Section -->\r\n    <section class=\"ote-section ote-how-it-works\">\r\n        <div class=\"ote-container\">\r\n            <h2 class=\"ote-h2 ote-text-center ote-mb-5\">How It Works<\/h2>\r\n        \r\n            <div class=\"ote-row\">\r\n                <div class=\"ote-col ote-col-md-3\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\ud83c\udf10<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">Open Editor<\/h3>\r\n                        <p class=\"ote-p\">Click \"Start Editing\" to open our powerful text editor in your browser instantly.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ote-col ote-col-md-3\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\u270d\ufe0f<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">Create & Format<\/h3>\r\n                        <p class=\"ote-p\">Type your content and use our formatting tools to style your document professionally.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ote-col ote-col-md-3\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\ud83c\udfa8<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">Style & Design<\/h3>\r\n                        <p class=\"ote-p\">Apply fonts, colors, layouts, and advanced formatting to make your document stand out.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ote-col ote-col-md-3\">\r\n                    <div class=\"ote-card ote-text-center\">\r\n                        <div class=\"ote-icon\">\ud83d\udcbe<\/div>\r\n                        <h3 class=\"ote-h3 ote-mb-2\">Save & Export<\/h3>\r\n                        <p class=\"ote-p\">Download your finished document in your preferred format (PDF, Word, HTML) instantly.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Benefits Section -->\r\n    <section class=\"ote-section ote-benefits\">\r\n        <div class=\"ote-container\">\r\n            <div class=\"ote-row\">\r\n                <div class=\"ote-col ote-col-md-8\" style=\"margin: 0 auto;\">\r\n                    <div class=\"ote-text-center ote-mb-5\">\r\n                        <h2 class=\"ote-h2\">Why Choose OnlineTextEditor.io?<\/h2>\r\n                        <p class=\"ote-p\">Everything you need in an online text editor<\/p>\r\n                    <\/div>\r\n                    <div class=\"ote-row\">\r\n                        <div class=\"ote-col ote-col-md-6\">\r\n                            <div class=\"ote-benefit-item\">\r\n                                <div class=\"ote-check-icon\">\u2713<\/div>\r\n                                <div>\r\n                                    <h4>Anonymous Editing<\/h4>\r\n                                    <p class=\"ote-p\">No tracking, no data collection, complete privacy<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"ote-col ote-col-md-6\">\r\n                            <div class=\"ote-benefit-item\">\r\n                                <div class=\"ote-check-icon\">\u2713<\/div>\r\n                                <div>\r\n                                    <h4>No Ads or Popups<\/h4>\r\n                                    <p class=\"ote-p\">Clean interface without annoying advertisements<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"ote-col ote-col-md-6\">\r\n                            <div class=\"ote-benefit-item\">\r\n                                <div class=\"ote-check-icon\">\u2713<\/div>\r\n                                <div>\r\n                                    <h4>Works on All Devices<\/h4>\r\n                                    <p class=\"ote-p\">Desktop, tablet, mobile - works everywhere<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"ote-col ote-col-md-6\">\r\n                            <div class=\"ote-benefit-item\">\r\n                                <div class=\"ote-check-icon\">\u2713<\/div>\r\n                                <div>\r\n                                    <h4>Safe and Secure<\/h4>\r\n                                    <p class=\"ote-p\">No malware, no viruses, completely safe to use<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"ote-col ote-col-md-6\">\r\n                            <div class=\"ote-benefit-item\">\r\n                                <div class=\"ote-check-icon\">\u2713<\/div>\r\n                                <div>\r\n                                    <h4>Multiple Export Formats<\/h4>\r\n                                    <p class=\"ote-p\">PDF, Word, HTML and other popular document formats<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        <div class=\"ote-col ote-col-md-6\">\r\n                            <div class=\"ote-benefit-item\">\r\n                                <div class=\"ote-check-icon\">\u2713<\/div>\r\n                                <div>\r\n                                    <h4>Completely Free<\/h4>\r\n                                    <p class=\"ote-p\">No hidden costs, no premium plans, always free<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- Testimonials Section -->\r\n    <section class=\"ote-section ote-testimonials\">\r\n        <div class=\"ote-container\">\r\n            <h2 class=\"ote-h2 ote-text-center ote-mb-5\">What Our Users Say<\/h2>\r\n            \r\n            <div class=\"ote-row\">\r\n                <div class=\"ote-col ote-col-md-4\">\r\n                    <div class=\"ote-testimonial\">\r\n                        <img decoding=\"async\" src=\"https:\/\/onlinetexteditor.io\/wp-content\/uploads\/2025\/05\/sahra.png\" alt=\"User Avatar\" class=\"ote-avatar\">\r\n                        <div class=\"ote-testimonial-content\">\r\n                            <p class=\"ote-p\">\"Finally, a text editor that actually respects privacy! No registration required, clean interface, and professional results. Perfect!\"<\/p>\r\n                            <p class=\"ote-mb-1\"><strong>Sarah M.<\/strong><\/p>\r\n                            <div class=\"ote-rating\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"ote-col ote-col-md-4\">\r\n                    <div class=\"ote-testimonial\">\r\n                        <img decoding=\"async\" src=\"https:\/\/onlinetexteditor.io\/wp-content\/uploads\/2025\/05\/Mike.png\" alt=\"User Avatar\" class=\"ote-avatar\">\r\n                        <div class=\"ote-testimonial-content\">\r\n                            <p class=\"ote-p\">\"I've tried many online editors, but OnlineTextEditor.io is by far the fastest and most reliable. The formatting options are excellent too.\"<\/p>\r\n                            <p class=\"ote-mb-1\"><strong>Mike R.<\/strong><\/p>\r\n                            <div class=\"ote-rating\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"ote-col ote-col-md-4\">\r\n                    <div class=\"ote-testimonial\">\r\n                        <img decoding=\"async\" src=\"https:\/\/onlinetexteditor.io\/wp-content\/uploads\/2025\/05\/emma.png\" alt=\"User Avatar\" class=\"ote-avatar\">\r\n                        <div class=\"ote-testimonial-content\">\r\n                            <p class=\"ote-p\">\"Love that it's completely anonymous and secure. No need to worry about privacy or data collection. Highly recommended!\"<\/p>\r\n                            <p class=\"ote-mb-1\"><strong>Emma L.<\/strong><\/p>\r\n                            <div class=\"ote-rating\">\u2b50\u2b50\u2b50\u2b50\u2b50<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- FAQ Section -->\r\n    <section class=\"ote-section ote-faq\">\r\n        <div class=\"ote-container\">\r\n            <h2 class=\"ote-h2 ote-text-center ote-mb-5\">Frequently Asked Questions<\/h2>\r\n        \r\n            <div class=\"ote-row\">\r\n                <div class=\"ote-col ote-col-md-8\" style=\"margin: 0 auto;\">\r\n                    <div class=\"accordion\" id=\"faqAccordion\">\r\n                        <div class=\"ote-faq-item accordion-item\">\r\n                            <h3 class=\"accordion-header\" id=\"faq1\">\r\n                                <button class=\"ote-faq-question accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse1\" aria-expanded=\"false\" aria-controls=\"collapse1\">\r\n                                    Do I need an account?\r\n                                <\/button>\r\n                            <\/h3>\r\n                            <div id=\"collapse1\" class=\"accordion-collapse collapse\" aria-labelledby=\"faq1\" data-bs-parent=\"#faqAccordion\">\r\n                                <div class=\"ote-faq-answer accordion-body\">\r\n                                    <p class=\"ote-p\">No, it's 100% anonymous. No registration, no login, no personal information required.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ote-faq-item accordion-item\">\r\n                            <h3 class=\"accordion-header\" id=\"faq2\">\r\n                                <button class=\"ote-faq-question accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse2\" aria-expanded=\"false\" aria-controls=\"collapse2\">\r\n                                    Is OnlineTextEditor.io free to use?\r\n                                <\/button>\r\n                            <\/h3>\r\n                            <div id=\"collapse2\" class=\"accordion-collapse collapse\" aria-labelledby=\"faq2\" data-bs-parent=\"#faqAccordion\">\r\n                                <div class=\"ote-faq-answer accordion-body\">\r\n                                    <p class=\"ote-p\">Yes, completely free forever. No hidden fees, no premium plans, no subscriptions.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ote-faq-item accordion-item\">\r\n                            <h3 class=\"accordion-header\" id=\"faq3\">\r\n                                <button class=\"ote-faq-question accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse3\" aria-expanded=\"false\" aria-controls=\"collapse3\">\r\n                                    What export formats are supported?\r\n                                <\/button>\r\n                            <\/h3>\r\n                            <div id=\"collapse3\" class=\"accordion-collapse collapse\" aria-labelledby=\"faq3\" data-bs-parent=\"#faqAccordion\">\r\n                                <div class=\"ote-faq-answer accordion-body\">\r\n                                    <p class=\"ote-p\">We support PDF, Word (DOCX), HTML, and plain text formats with professional formatting preserved.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ote-faq-item accordion-item\">\r\n                            <h3 class=\"accordion-header\" id=\"faq4\">\r\n                                <button class=\"ote-faq-question accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse4\" aria-expanded=\"false\" aria-controls=\"collapse4\">\r\n                                    Is it safe to use?\r\n                                <\/button>\r\n                            <\/h3>\r\n                            <div id=\"collapse4\" class=\"accordion-collapse collapse\" aria-labelledby=\"faq4\" data-bs-parent=\"#faqAccordion\">\r\n                                <div class=\"ote-faq-answer accordion-body\">\r\n                                    <p class=\"ote-p\">Absolutely. No malware, no viruses, no data collection. Your privacy and security are our priority.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <div class=\"ote-faq-item accordion-item\">\r\n                            <h3 class=\"accordion-header\" id=\"faq5\">\r\n                                <button class=\"ote-faq-question accordion-button collapsed\" type=\"button\" data-bs-toggle=\"collapse\" data-bs-target=\"#collapse5\" aria-expanded=\"false\" aria-controls=\"collapse5\">\r\n                                    Are my documents stored on your servers?\r\n                                <\/button>\r\n                            <\/h3>\r\n                            <div id=\"collapse5\" class=\"accordion-collapse collapse\" aria-labelledby=\"faq5\" data-bs-parent=\"#faqAccordion\">\r\n                                <div class=\"ote-faq-answer accordion-body\">\r\n                                    <p class=\"ote-p\">No, all editing happens locally in your browser. We never see or store your documents.<\/p>\r\n                                <\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <!-- CTA Section -->\r\n    <section class=\"ote-section ote-cta\">\r\n        <div class=\"ote-container\">\r\n            <h2 class=\"ote-hero-h2 ote-h2 ote-text-center ote-mb-5\">Start Using the Best Online Text Editor<\/h2>\r\n            <p class=\"ote-p ote-text-center ote-mb-4\" style=\"font-size: 1.25rem; opacity: 0.9;\">Join thousands of users who trust OnlineTextEditor.io for their document editing needs<\/p>\r\n            <div class=\"ote-text-center\">\r\n                <a href=\"#\" class=\"ote-btn ote-btn-lg ote-btn-light\">Try Now \u2014 It's Free<\/a>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/bootstrap@5.3.0\/dist\/js\/bootstrap.bundle.min.js\"><\/script><\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"<!-- wp:divi\/placeholder \/-->","_et_gb_content_width":"","footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Editor de texto en l\u00ednea: edici\u00f3n de texto enriquecido gratuita y segura.<\/title>\n<meta name=\"description\" content=\"Utilice nuestro editor de texto en l\u00ednea para editar texto enriquecido de forma instant\u00e1nea, segura y an\u00f3nima. No requiere inicio de sesi\u00f3n: r\u00e1pido, gratuito y con la privacidad garantizada.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/onlinetexteditor.io\/es\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Online Text Editor - Free &amp; Secure Rich Text Editing\" \/>\n<meta property=\"og:description\" content=\"Use our Online Text Editor to edit rich text instantly, securely, and anonymously. No login required \u2014 fast, free, and privacy-focused.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/onlinetexteditor.io\/\" \/>\n<meta property=\"og:site_name\" content=\"Online Text Editor\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-02T10:15:21+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/\",\"url\":\"https:\\\/\\\/onlinetexteditor.io\\\/\",\"name\":\"Online Text Editor - Free & Secure Rich Text Editing\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#website\"},\"datePublished\":\"2025-05-29T03:54:07+00:00\",\"dateModified\":\"2026-02-02T10:15:21+00:00\",\"description\":\"Use our Online Text Editor to edit rich text instantly, securely, and anonymously. No login required \u2014 fast, free, and privacy-focused.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/onlinetexteditor.io\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/onlinetexteditor.io\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Online Text Editor Home\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/onlinetexteditor.io\\\/#website\",\"url\":\"https:\\\/\\\/onlinetexteditor.io\\\/\",\"name\":\"Online Text Editor\",\"description\":\"Free &amp; Secure Rich Text Editing\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/onlinetexteditor.io\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Editor de texto en l\u00ednea: edici\u00f3n de texto enriquecido gratuita y segura.","description":"Utilice nuestro editor de texto en l\u00ednea para editar texto enriquecido de forma instant\u00e1nea, segura y an\u00f3nima. No requiere inicio de sesi\u00f3n: r\u00e1pido, gratuito y con la privacidad garantizada.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/onlinetexteditor.io\/es\/","og_locale":"en_US","og_type":"article","og_title":"Online Text Editor - Free & Secure Rich Text Editing","og_description":"Use our Online Text Editor to edit rich text instantly, securely, and anonymously. No login required \u2014 fast, free, and privacy-focused.","og_url":"https:\/\/onlinetexteditor.io\/","og_site_name":"Online Text Editor","article_modified_time":"2026-02-02T10:15:21+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/onlinetexteditor.io\/","url":"https:\/\/onlinetexteditor.io\/","name":"Online Text Editor - Free & Secure Rich Text Editing","isPartOf":{"@id":"https:\/\/onlinetexteditor.io\/#website"},"datePublished":"2025-05-29T03:54:07+00:00","dateModified":"2026-02-02T10:15:21+00:00","description":"Use our Online Text Editor to edit rich text instantly, securely, and anonymously. No login required \u2014 fast, free, and privacy-focused.","breadcrumb":{"@id":"https:\/\/onlinetexteditor.io\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/onlinetexteditor.io\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/onlinetexteditor.io\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/onlinetexteditor.io\/"},{"@type":"ListItem","position":2,"name":"Online Text Editor Home"}]},{"@type":"WebSite","@id":"https:\/\/onlinetexteditor.io\/#website","url":"https:\/\/onlinetexteditor.io\/","name":"Online Text Editor","description":"Free &amp; Secure Rich Text Editing","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/onlinetexteditor.io\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":29,"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":257,"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/pages\/11\/revisions\/257"}],"wp:attachment":[{"href":"https:\/\/onlinetexteditor.io\/es\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}