math editor new – iaaacademy

HTML Math Editor with Toggleable Symbols

🧮 HTML Math Editor

Insert Symbols

⭐ Favorite Symbols

📝 Math Input

🔍 Live Preview</div>
  <div class="preview" id="preview">Output will appear here…</div>
</div>

function toggleSymbols() {
    const panel = document.getElementById('symbolPanel');
    panel.style.display = panel.style.display === 'none' ? 'block' : 'none';
  }

function insertAtCursor(text, moveLeft = 0) {
    const input = document.getElementById("editor");
    const start = input.selectionStart;
    const end = input.selectionEnd;
    const before = input.value.substring(0, start);
    const after = input.value.substring(end);
    input.value = before + text + after;
    const cursorPosition = start + text.length - moveLeft;
    input.focus();
    input.setSelectionRange(cursorPosition, cursorPosition);
    updatePreview();
  }

function insertText(txt) {
    insertAtCursor(txt);
  }

function insertTag(tag) {
    const text = `<${tag}></${tag}>`;
    insertAtCursor(text, (`</${tag}>`).length);
  }

function insertSqrt() {
    insertAtCursor("√()", 1);
  }

function insertPowerOfPower() {
    const text = `<sup>x<sup>y</sup></sup>`;
    insertAtCursor(text, 14);
  }

function updatePreview() {
    const content = document.getElementById("editor").value;
    document.getElementById("preview").innerHTML = content;
  }

function loadFavorites() {
    return JSON.parse(localStorage.getItem("favSymbols") || "[]");
  }

function saveFavorites(favs) {
    localStorage.setItem("favSymbols", JSON.stringify(favs));
  }

function addToFavorites(symbol) {
    const favs = loadFavorites();
    if (!favs.includes(symbol)) {
      favs.push(symbol);
      saveFavorites(favs);
      renderSymbols();
    }
  }

function renderSymbols() {
    const symbolList = document.getElementById("symbolList");
    const favList = document.getElementById("favList");
    const favs = loadFavorites();

symbolList.innerHTML = '';
    favList.innerHTML = '';

allSymbols.forEach(sym => {
      if (!favs.includes(sym)) {
        const div = document.createElement("div");
        div.className = "symbol-item";
        div.innerHTML = `${sym} 
          <button class="add" onclick="insertText('${sym}')">Insert</button>
          <button class="add" onclick="addToFavorites('${sym}')">+</button>`;
        symbolList.appendChild(div);
      }
    });

favs.forEach(sym => {
      const div = document.createElement("div");
      div.className = "symbol-item";
      div.innerHTML = `${sym} 
        <button class="add" onclick="insertText('${sym}')">Insert</button>
        <button class="remove" onclick="removeFromFavorites('${sym}')">×</button>`;
      favList.appendChild(div);
    });
  }

renderSymbols(); // Initialize
</script>

</body>
</html>
											</div>

</article>

</div>

</div> 
			</div> 
	</div>

function getBookmarks() {
    return JSON.parse(localStorage.getItem('bookmarks') || '[]');
  }

function isBookmarked(url) {
    return getBookmarks().some(item => item.url === url);
  }

function updateCheckboxState() {
    if (isBookmarked(currentUrl)) {
      checkbox.checked = true;
      label.textContent = 'Saved';
      checkbox.disabled = true;
      inputSection.style.display = 'none';
    }
  }

checkbox.addEventListener('change', () => {
    if (checkbox.checked) {
      if (isBookmarked(currentUrl)) {
        alert('This page is already saved.');
        label.textContent = 'Saved';
        checkbox.disabled = true;
        return;
      }
      inputSection.style.display = 'block';
    } else {
      inputSection.style.display = 'none';
    }
  });

saveBtn.addEventListener('click', () => {
    const name = nameInput.value.trim();
    const category = categoryInput.value.trim();

if (!name || !category) {
      alert('Please enter both Name and Category.');
      return;
    }

const bookmarks = getBookmarks();
    if (isBookmarked(currentUrl)) {
      alert('This page is already saved.');
      label.textContent = 'Saved';
      checkbox.disabled = true;
      return;
    }

bookmarks.push({ name, category, url: currentUrl });
    localStorage.setItem('bookmarks', JSON.stringify(bookmarks));

label.textContent = 'Saved';
    checkbox.disabled = true;
    inputSection.style.display = 'none';
    alert('Page saved successfully!');
  });

// On page load
  updateCheckboxState();
</script>

</div>

</div>						</div>
																	<div class="footer-column footer-column-2 col-12 col-sm-4">
													</div>
																	<div class="footer-column footer-column-3 col-12 col-sm-4">
													</div>
													</aside>
	</div>
	
																		<div class="copyrights-wrapper copyrights-centered">
					<div class="container">
						<div class="min-footer">
							<div class="col-left set-cont-mb-s reset-last-child">
																	Based on iaaacademy.pk theme															</div>
															<div class="col-right set-cont-mb-s reset-last-child">
									<img>								</div>
													</div>
					</div>
				</div>
					</footer>
	</div> 
<div class="wd-close-side wd-fill"></div>
		<a href="#" class="scrollToTop" aria-label="Scroll to top button"></a>
		<div class="mobile-nav wd-side-hidden wd-side-hidden-nav wd-left wd-opener-arrow">			<div class="wd-search-form">
				
				
				<form role="search" method="get" class="searchform  wd-cat-style-bordered" action="https://iaaacademy.pk/" >
					<input type="text" class="s" placeholder="Search for products" value="" name="s" aria-label="Search" title="Search for products" required/>
					<input type="hidden" name="post_type" value="product">
										<button type="submit" class="searchsubmit">
						<span>
							Search						</span>
											</button>
				</form>

</div>
		<ul id="menu-main-ns-menu" class="mobile-pages-menu menu wd-nav wd-nav-mobile wd-layout-dropdown wd-active"><li id="menu-item-26538" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-26538 item-level-0" ><a href="https://iaaacademy.pk/" class="woodmart-nav-link"><span class="nav-link-text">Home</span></a></li>
<li id="menu-item-17832" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17832 item-level-0" ><a href="https://iaaacademy.pk/link-search-used/" class="woodmart-nav-link"><span class="nav-link-text">Smart Search</span></a></li>
<li id="menu-item-26532" class="menu-item menu-item-type-post_type menu-item-object-forum menu-item-26532 item-level-0" ><a href="https://iaaacademy.pk/forums/forum/discussion-forum/" class="woodmart-nav-link"><span class="nav-link-text">Discussion Forum</span></a></li>
<li id="menu-item-26598" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-26598 item-level-0" ><a href="https://iaaacademy.pk/26592-2/" class="woodmart-nav-link"><span class="nav-link-text">Backup/Restore Tool</span></a></li>
<li id="menu-item-26601" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-26601 item-level-0" ><a href="https://iaaacademy.pk/dashboard-bookmarks-final/" class="woodmart-nav-link"><span class="nav-link-text">Saved Pages</span></a></li>
<li id="menu-item-26605" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-26605 item-level-0" ><a href="https://iaaacademy.pk/about-us-page/" class="woodmart-nav-link"><span class="nav-link-text">About Us</span></a></li>
<li id="menu-item-26624" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-26624 item-level-0" ><a href="https://iaaacademy.pk/contact-us-new-style/" class="woodmart-nav-link"><span class="nav-link-text">contact us</span></a></li>
<li class="menu-item menu-item-wishlist wd-with-icon item-level-0"></li></ul>
		</div>		<div class="header-banner color-scheme-dark">
			
			
				<a href="https://iaaacademy.pk/1-0-free-launch-page/" class="header-banner-link wd-fill" aria-label="Header banner link"></a>
			
			<div class="container header-banner-container set-cont-mb-s reset-last-child">
									<p style="text-align: center">IAA Academy 1.0 - <strong>Free Public Launch</strong></p>							</div>
		</div>
					<div class="wd-popup wd-promo-popup">
									well come to all							</div>
		<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/woodmart/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
		<div class="wd-toolbar wd-toolbar-label-show">
					<div class="wd-toolbar-blog wd-toolbar-item wd-tools-element">
			<a href="https://iaaacademy.pk/complaint-cell/">
				<span class="wd-tools-icon"></span>
				<span class="wd-toolbar-label">
					Blog				</span>
			</a>
		</div>
				<div class="wd-toolbar-home wd-toolbar-item wd-tools-element">
			<a href="https://iaaacademy.pk">
				<span class="wd-tools-icon"></span>
				<span class="wd-toolbar-label">
					Home				</span>
			</a>
		</div>
				</div>
		<script id="chart-builder-charts-google-js" src="https://iaaacademy.pk/wp-content/plugins/chart-builder/public/js/google-chart.js?ver=2.5.8"></script>
<script id="wd-cookie-library-js" src="https://iaaacademy.pk/wp-content/themes/woodmart/js/libs/cookie.min.js?ver=7.5.2"></script>
<script id="woodmart-theme-js-extra">
var woodmart_settings = {"menu_storage_key":"woodmart_b9f8de5d975c8137d59de7763877aa90","ajax_dropdowns_save":"1","photoswipe_close_on_scroll":"1","woocommerce_ajax_add_to_cart":"","variation_gallery_storage_method":"old","elementor_no_gap":"enabled","adding_to_cart":"Processing","added_to_cart":"Product was successfully added to your cart.","continue_shopping":"Continue shopping","view_cart":"View Cart","go_to_checkout":"Checkout","loading":"Loading...","countdown_days":"days","countdown_hours":"hr","countdown_mins":"min","countdown_sec":"sc","cart_url":"","ajaxurl":"https://iaaacademy.pk/wp-admin/admin-ajax.php","add_to_cart_action":"widget","added_popup":"no","categories_toggle":"yes","enable_popup":"yes","popup_delay":"198","popup_event":"time","popup_scroll":"1000","popup_pages":"0","promo_popup_hide_mobile":"no","product_images_captions":"no","ajax_add_to_cart":"1","all_results":"View all results","zoom_enable":"yes","ajax_scroll":"yes","ajax_scroll_class":".main-page-wrapper","ajax_scroll_offset":"100","infinit_scroll_offset":"300","product_slider_auto_height":"no","price_filter_action":"click","product_slider_autoplay":"","close":"Close (Esc)","share_fb":"Share on Facebook","pin_it":"Pin it","tweet":"Share on X","download_image":"Download image","off_canvas_column_close_btn_text":"Close","cookies_version":"1","header_banner_version":"1","promo_version":"2","header_banner_close_btn":"no","header_banner_enabled":"yes","whb_header_clone":"\n    \u003Cdiv class=\"whb-sticky-header whb-clone whb-main-header \u003C%wrapperClasses%\u003E\"\u003E\n        \u003Cdiv class=\"\u003C%cloneClass%\u003E\"\u003E\n            \u003Cdiv class=\"container\"\u003E\n                \u003Cdiv class=\"whb-flex-row whb-general-header-inner\"\u003E\n                    \u003Cdiv class=\"whb-column whb-col-left whb-visible-lg\"\u003E\n                        \u003C%.site-logo%\u003E\n                    \u003C/div\u003E\n                    \u003Cdiv class=\"whb-column whb-col-center whb-visible-lg\"\u003E\n                        \u003C%.wd-header-main-nav%\u003E\n                    \u003C/div\u003E\n                    \u003Cdiv class=\"whb-column whb-col-right whb-visible-lg\"\u003E\n                        \u003C%.wd-header-my-account%\u003E\n                        \u003C%.wd-header-search:not(.wd-header-search-mobile)%\u003E\n                        \u003C%.wd-header-wishlist%\u003E\n                        \u003C%.wd-header-compare%\u003E\n                        \u003C%.wd-header-cart%\u003E\n                        \u003C%.wd-header-fs-nav%\u003E\n                    \u003C/div\u003E\n                    \u003C%.whb-mobile-left%\u003E\n                    \u003C%.whb-mobile-center%\u003E\n                    \u003C%.whb-mobile-right%\u003E\n                \u003C/div\u003E\n            \u003C/div\u003E\n        \u003C/div\u003E\n    \u003C/div\u003E\n","pjax_timeout":"5000","split_nav_fix":"","shop_filters_close":"no","woo_installed":"","base_hover_mobile_click":"no","centered_gallery_start":"1","quickview_in_popup_fix":"","one_page_menu_offset":"150","hover_width_small":"1","is_multisite":"","current_blog_id":"1","swatches_scroll_top_desktop":"no","swatches_scroll_top_mobile":"no","lazy_loading_offset":"0","add_to_cart_action_timeout":"no","add_to_cart_action_timeout_number":"3","single_product_variations_price":"no","google_map_style_text":"Custom style","quick_shop":"yes","sticky_product_details_offset":"150","preloader_delay":"300","comment_images_upload_size_text":"Some files are too large. Allowed file size is 1 MB.","comment_images_count_text":"You can upload up to 3 images to your review.","single_product_comment_images_required":"no","comment_required_images_error_text":"Image is required.","comment_images_upload_mimes_text":"You are allowed to upload images only in png, jpeg formats.","comment_images_added_count_text":"Added %s image(s)","comment_images_upload_size":"1048576","comment_images_count":"3","search_input_padding":"no","comment_images_upload_mimes":{"jpg|jpeg|jpe":"image/jpeg","png":"image/png"},"home_url":"https://iaaacademy.pk/","shop_url":"","age_verify":"no","banner_version_cookie_expires":"60","promo_version_cookie_expires":"7","age_verify_expires":"30","cart_redirect_after_add":"","swatches_labels_name":"no","product_categories_placeholder":"Select a category","product_categories_no_results":"No matches found","cart_hash_key":"wc_cart_hash_bd98afe6b7ad22c80c01db3c0ec6e3f9","fragment_name":"wc_fragments_bd98afe6b7ad22c80c01db3c0ec6e3f9","photoswipe_template":"\u003Cdiv class=\"pswp\" aria-hidden=\"true\" role=\"dialog\" tabindex=\"-1\"\u003E\u003Cdiv class=\"pswp__bg\"\u003E\u003C/div\u003E\u003Cdiv class=\"pswp__scroll-wrap\"\u003E\u003Cdiv class=\"pswp__container\"\u003E\u003Cdiv class=\"pswp__item\"\u003E\u003C/div\u003E\u003Cdiv class=\"pswp__item\"\u003E\u003C/div\u003E\u003Cdiv class=\"pswp__item\"\u003E\u003C/div\u003E\u003C/div\u003E\u003Cdiv class=\"pswp__ui pswp__ui--hidden\"\u003E\u003Cdiv class=\"pswp__top-bar\"\u003E\u003Cdiv class=\"pswp__counter\"\u003E\u003C/div\u003E\u003Cbutton class=\"pswp__button pswp__button--close\" title=\"Close (Esc)\"\u003E\u003C/button\u003E \u003Cbutton class=\"pswp__button pswp__button--share\" title=\"Share\"\u003E\u003C/button\u003E \u003Cbutton class=\"pswp__button pswp__button--fs\" title=\"Toggle fullscreen\"\u003E\u003C/button\u003E \u003Cbutton class=\"pswp__button pswp__button--zoom\" title=\"Zoom in/out\"\u003E\u003C/button\u003E\u003Cdiv class=\"pswp__preloader\"\u003E\u003Cdiv class=\"pswp__preloader__icn\"\u003E\u003Cdiv class=\"pswp__preloader__cut\"\u003E\u003Cdiv class=\"pswp__preloader__donut\"\u003E\u003C/div\u003E\u003C/div\u003E\u003C/div\u003E\u003C/div\u003E\u003C/div\u003E\u003Cdiv class=\"pswp__share-modal pswp__share-modal--hidden pswp__single-tap\"\u003E\u003Cdiv class=\"pswp__share-tooltip\"\u003E\u003C/div\u003E\u003C/div\u003E\u003Cbutton class=\"pswp__button pswp__button--arrow--left\" title=\"Previous (arrow left)\"\u003E\u003C/button\u003E \u003Cbutton class=\"pswp__button pswp__button--arrow--right\" title=\"Next (arrow right)\u003E\"\u003E\u003C/button\u003E\u003Cdiv class=\"pswp__caption\"\u003E\u003Cdiv class=\"pswp__caption__center\"\u003E\u003C/div\u003E\u003C/div\u003E\u003C/div\u003E\u003C/div\u003E\u003C/div\u003E","load_more_button_page_url":"yes","load_more_button_page_url_opt":"yes","menu_item_hover_to_click_on_responsive":"no","clear_menu_offsets_on_resize":"yes","three_sixty_framerate":"60","three_sixty_prev_next_frames":"5","ajax_search_delay":"300","animated_counter_speed":"3000","site_width":"1222","cookie_secure_param":"1","cookie_path":"/","slider_distortion_effect":"sliderWithNoise","current_page_builder":"","collapse_footer_widgets":"yes","carousel_breakpoints":{"1025":"lg","768.98":"md","0":"sm"},"ajax_fullscreen_content":"yes","grid_gallery_control":"hover","grid_gallery_enable_arrows":"none","ajax_shop":"1","add_to_cart_text":"Add to cart","mobile_navigation_drilldown_back_to":"Back to %s","mobile_navigation_drilldown_back_to_main_menu":"Back to menu","mobile_navigation_drilldown_back_to_categories":"Back to categories","ajax_links":".wd-nav-product-cat a, .website-wrapper .widget_product_categories a, .widget_layered_nav_filters a, .woocommerce-widget-layered-nav a, .filters-area:not(.custom-content) a, body.post-type-archive-product:not(.woocommerce-account) .woocommerce-pagination a, body.tax-product_cat:not(.woocommerce-account) .woocommerce-pagination a, .wd-shop-tools a:not(.breadcrumb-link), .woodmart-woocommerce-layered-nav a, .woodmart-price-filter a, .wd-clear-filters a, .woodmart-woocommerce-sort-by a, .woocommerce-widget-layered-nav-list a, .wd-widget-stock-status a, .widget_nav_mega_menu a, .wd-products-shop-view a, .wd-products-per-page a, .category-grid-item a, .wd-cat a, body[class*=\"tax-pa_\"] .woocommerce-pagination a","wishlist_expanded":"no","wishlist_show_popup":"enable","wishlist_page_nonce":"c82bac6e7b","wishlist_fragments_nonce":"0ccc817b56","wishlist_remove_notice":"Do you really want to remove these products?","wishlist_hash_name":"woodmart_wishlist_hash_0c2f7aee7787ad2e402696911a1f476a","wishlist_fragment_name":"woodmart_wishlist_fragments_0c2f7aee7787ad2e402696911a1f476a","wishlist_save_button_state":"no","is_criteria_enabled":"","summary_criteria_ids":"","review_likes_tooltip":"Please log in to rate reviews.","vimeo_library_url":"https://iaaacademy.pk/wp-content/themes/woodmart/js/libs/vimeo-player.min.js","reviews_criteria_rating_required":"no","is_rating_summary_filter_enabled":""};
var woodmart_page_css = {"wd-wp-gutenberg-css":"https://iaaacademy.pk/wp-content/themes/woodmart/css/parts/wp-gutenberg.min.css","wd-bbpress-css":"https://iaaacademy.pk/wp-content/themes/woodmart/css/parts/int-bbpress.min.css","wd-header-base-css":"https://iaaacademy.pk/wp-content/themes/woodmart/css/parts/header-base.min.css","wd-mod-tools-css":"https://iaaacademy.pk/wp-content/themes/woodmart/css/parts/mod-tools.min.css","wd-header-mobile-nav-dropdown-css":"https://iaaacademy.pk/wp-content/themes/woodmart/css/parts/header-el-mobile-nav-dropdown.min.css","wd-header-elements-base-css":"https://iaaacademy.pk/wp-content/themes/woodmart/css/parts/header-el-base.min.css","wd-widget-collapse-css":"https://iaaacademy.pk/wp-content/themes/woodmart/css/parts/opt-widget-collapse.min.css","wd-footer-base-css":"https://iaaacademy.pk/wp-content/themes/woodmart/css/parts/footer-base.min.css","wd-scroll-top-css":"https://iaaacademy.pk/wp-content/themes/woodmart/css/parts/opt-scrolltotop.min.css","wd-wd-search-form-css":"https://iaaacademy.pk/wp-content/themes/woodmart/css/parts/wd-search-form.min.css","wd-header-banner-css":"https://iaaacademy.pk/wp-content/themes/woodmart/css/parts/opt-header-banner.min.css","wd-mfp-popup-css":"https://iaaacademy.pk/wp-content/themes/woodmart/css/parts/lib-magnific-popup.min.css","wd-bottom-toolbar-css":"https://iaaacademy.pk/wp-content/themes/woodmart/css/parts/opt-bottom-toolbar.min.css"};
var woodmart_variation_gallery_data = [];
//# sourceURL=woodmart-theme-js-extra
</script>
<script id="woodmart-theme-js" src="https://iaaacademy.pk/wp-content/themes/woodmart/js/scripts/global/helpers.min.js?ver=7.5.2"></script>
<script id="wd-woocommerce-notices-js" src="https://iaaacademy.pk/wp-content/themes/woodmart/js/scripts/wc/woocommerceNotices.min.js?ver=7.5.2"></script>
<script id="wd-header-builder-js" src="https://iaaacademy.pk/wp-content/themes/woodmart/js/scripts/header/headerBuilder.min.js?ver=7.5.2"></script>
<script id="wd-widget-collapse-js" src="https://iaaacademy.pk/wp-content/themes/woodmart/js/scripts/global/widgetCollapse.min.js?ver=7.5.2"></script>
<script id="wd-scroll-top-js" src="https://iaaacademy.pk/wp-content/themes/woodmart/js/scripts/global/scrollTop.min.js?ver=7.5.2"></script>
<script id="wd-mobile-navigation-js" src="https://iaaacademy.pk/wp-content/themes/woodmart/js/scripts/menu/mobileNavigation.min.js?ver=7.5.2"></script>
<script id="wd-menu-offsets-js" src="https://iaaacademy.pk/wp-content/themes/woodmart/js/scripts/menu/menuOffsets.min.js?ver=7.5.2"></script>
<script id="wd-menu-setup-js" src="https://iaaacademy.pk/wp-content/themes/woodmart/js/scripts/menu/menuSetUp.min.js?ver=7.5.2"></script>
<script id="wd-header-banner-js" src="https://iaaacademy.pk/wp-content/themes/woodmart/js/scripts/header/headerBanner.min.js?ver=7.5.2"></script>
<script id="wd-magnific-library-js" src="https://iaaacademy.pk/wp-content/themes/woodmart/js/libs/magnific-popup.min.js?ver=7.5.2"></script>
<script id="wd-promo-popup-js" src="https://iaaacademy.pk/wp-content/themes/woodmart/js/scripts/global/promoPopup.min.js?ver=7.5.2"></script>
</body>
</html>