<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Viscous Publication]]></title><description><![CDATA[Viscous Publication]]></description><link>https://viscous-publication.hashnode.dev</link><generator>RSS for Node</generator><lastBuildDate>Thu, 12 Nov 2026 09:27:23 GMT</lastBuildDate><atom:link href="https://viscous-publication.hashnode.dev/rss.xml" rel="self" type="application/rss+xml"/><language><![CDATA[en]]></language><ttl>60</ttl><item><title><![CDATA[I Got Tired of Googling LaTeX Commands, So I Built an Editor]]></title><description><![CDATA[A free online LaTeX equation editor with live preview, a symbols list and 80+ examples. No sign up, works offline, in 14 languages.]]></description><link>https://viscous-publication.hashnode.dev/i-got-tired-of-googling-latex-commands-so-i-built-an-editor</link><guid isPermaLink="true">https://viscous-publication.hashnode.dev/i-got-tired-of-googling-latex-commands-so-i-built-an-editor</guid><category><![CDATA[latex]]></category><category><![CDATA[Mathematics]]></category><category><![CDATA[webdev]]></category><category><![CDATA[JavaScript]]></category><category><![CDATA[showdev]]></category><category><![CDATA[React]]></category><dc:creator><![CDATA[Viscous]]></dc:creator><pubDate>Tue, 10 Nov 2026 12:55:17 GMT</pubDate><enclosure url="https://cdn.hashnode.com/uploads/covers/6af2ee0f3e19241a9e34b3b6/f0b702a8-69dc-4ceb-b3ee-3089b27dbe08.webp" length="0" type="image/jpeg"/><content:encoded><![CDATA[<p>You need one fraction with a square root inside it. You type it, compile the whole document, and wait. Then a brace is missing and you do it all again.</p>
<p>So I built <a href="https://latexequationeditor.com/">Latex Equation Editor</a>. It's free, it runs in your browser, and you don't need an account.</p>
<img src="https://cdn.hashnode.com/uploads/covers/6af2ee0f3e19241a9e34b3b6/a82c2823-52c3-4bc1-a69f-d118bad21501.png" alt="" style="display:block;margin:0 auto" />

<h2>The idea</h2>
<ul>
<li>Write an equation as LaTeX code, or type it in a visual editor</li>
<li>See the result right away</li>
<li>Copy it out in the format you need</li>
</ul>
<p>No compiling. No installing. No sign up. You open the page and start typing.</p>
<h2>The editor</h2>
<p>The editor has three parts.</p>
<p><strong>1. The code panel</strong></p>
<ul>
<li>Type raw LaTeX here if you know it</li>
<li>Syntax highlighting is on</li>
<li>Type <code>\al</code> and it suggests <code>\alpha</code>. Hit enter.</li>
</ul>
<p><strong>2. The visual editor</strong></p>
<ul>
<li>Click into the rendered math and edit it directly</li>
<li>Type <code>/</code> for a fraction</li>
<li>Type <code>^</code> for a power</li>
<li>Press enter for a new line</li>
<li>Every change here updates the code, and every change in the code updates this</li>
</ul>
<p><strong>3. The preview</strong></p>
<ul>
<li>The final equation is drawn with KaTeX</li>
<li>It updates on every keystroke</li>
<li>If your code has an error, it tells you what went wrong instead of showing a blank box</li>
</ul>
<img src="https://cdn.hashnode.com/uploads/covers/6af2ee0f3e19241a9e34b3b6/6ede1c52-5692-4e83-a750-68f0c47ef99f.gif" alt="" style="display:block;margin:0 auto" />

<h3>Symbol palette</h3>
<ul>
<li>Search for "integral", "pi" or "matrix" and click to insert</li>
<li>It remembers the symbols you used recently</li>
</ul>
<h3>Formatting toolbar</h3>
<p>Some things are annoying to write by hand. The toolbar does them for you.</p>
<ul>
<li>Pick a matrix size from a grid, then add or remove rows and columns</li>
<li>Add brackets, accents, colors or a different font style</li>
<li>Line up several lines at the equals sign</li>
<li>Align lines left, center or right</li>
<li>Change the space between rows</li>
<li>Group lines with a curly brace for a system of equations</li>
<li>Switch between math mode and text mode in the same equation</li>
<li>Use the on screen math keyboard on a tablet</li>
</ul>
<img src="https://cdn.hashnode.com/uploads/covers/6af2ee0f3e19241a9e34b3b6/48a403e1-b33c-427f-a5f7-4c2d552fc0c6.png" alt="" style="display:block;margin:0 auto" />

<img src="https://cdn.hashnode.com/uploads/covers/6af2ee0f3e19241a9e34b3b6/278fefe9-e210-4b3f-9bcf-0f4ea4045ad1.png" alt="" style="display:block;margin:0 auto" />

<h3>Custom macros</h3>
<ul>
<li>Define your own shortcuts for long commands</li>
<li>They work in the preview and in the exports</li>
<li>Handy if you write a lot of LaTeX</li>
</ul>
<h3>Copy and export</h3>
<p>Getting the equation out of a tool is usually the painful part. So I spent most of my time here. The copy menu gives you:</p>
<ul>
<li>Plain LaTeX code</li>
<li>LaTeX for inline text or a display block</li>
<li>MathML, which you can paste into Word or Google Docs</li>
<li>KaTeX HTML for websites</li>
<li>PNG, with options for scale, background and color</li>
<li>SVG, which stays sharp at any size</li>
</ul>
<p>Here is how I use it:</p>
<ul>
<li>Paper: copy the code</li>
<li>Slides or WhatsApp: copy the PNG</li>
<li>Word: copy the MathML</li>
</ul>
<img src="https://cdn.hashnode.com/uploads/covers/6af2ee0f3e19241a9e34b3b6/1d3cff77-5d7b-4489-8da7-1b8dc63f4d0b.png" alt="" style="display:block;margin:0 auto" />

<h3>Save and share</h3>
<ul>
<li>Press Save (or Ctrl/Cmd + S) to add the equation to your library</li>
<li>Use the share button to get a link with the equation inside</li>
<li>Anyone who opens the link sees your equation, ready to edit</li>
</ul>
<h2>The symbols page</h2>
<p>I forget symbol names all the time. So I made a page for it. The <a href="https://latexequationeditor.com/symbols/">LaTeX symbols list</a> shows each symbol with:</p>
<ul>
<li>What it looks like</li>
<li>Its name in plain English</li>
<li>The exact LaTeX command</li>
</ul>
<p>Click a symbol and the command is copied. That's all you do.</p>
<p>Symbols are grouped into categories:</p>
<ul>
<li>Greek letters</li>
<li>Arrows</li>
<li>Relations</li>
<li>Sets and logic</li>
<li>Calculus</li>
<li>Matrices</li>
<li>Geometry</li>
<li>Probability</li>
<li>Number theory</li>
<li>Physics</li>
<li>Chemistry</li>
<li>Computer science</li>
</ul>
<p>You can search by name ("for all"), by command (<code>\forall</code>), or just browse. There is a grid view and a list view. Press <code>/</code> anywhere on the page to jump to the search box.</p>
<img src="https://cdn.hashnode.com/uploads/covers/6af2ee0f3e19241a9e34b3b6/177c4cdd-b6ce-4a8a-8bfe-500303d16768.png" alt="" style="display:block;margin:0 auto" />

<h2>The examples page</h2>
<p>Sometimes it's faster to start from an equation that looks close to yours. The examples page has more than 80 ready made ones. Open one in the editor and change it.</p>
<ul>
<li><strong>School math:</strong> quadratic formula, Pythagorean theorem, binomial theorem, law of cosines</li>
<li><strong>Calculus:</strong> derivative definition, chain rule, integration by parts, Fourier and Laplace transforms</li>
<li><strong>Physics:</strong> Maxwell's equations, Schrödinger equation, Einstein field equations, Planck's law</li>
<li><strong>Statistics and ML:</strong> Bayes' theorem, normal distribution, softmax, cross entropy loss, gradient descent, Adam, the attention formula from transformers</li>
<li><strong>Chemistry:</strong> combustion of methane, photosynthesis, the Haber process, the Nernst equation</li>
<li><strong>Finance:</strong> compound interest, net present value, Black Scholes</li>
</ul>
<p>Every example is shown fully rendered. So the page also works as a cheat sheet for aligned equations, piecewise functions and chemical reactions.</p>
<h2>The library page</h2>
<p>Every equation you save goes into your library. You can:</p>
<ul>
<li>Search by title, LaTeX code or tag</li>
<li>Mark favorites</li>
<li>Add tags</li>
<li>Duplicate an equation to make a variation</li>
<li>Copy, share or delete any of them</li>
</ul>
<p>The library is stored only in your browser. Nothing is uploaded to a server. You can use Export JSON and Import JSON to back up your equations or move them to another computer.</p>
<img src="https://cdn.hashnode.com/uploads/covers/6af2ee0f3e19241a9e34b3b6/e4bc39d2-4c88-4a0a-9dff-a2787678bb72.png" alt="" style="display:block;margin:0 auto" />

<h2>Your data stays with you</h2>
<p>Many online tools send everything you type to their servers. I didn't want that.</p>
<ul>
<li>Rendering, saving and exporting all happen in your browser</li>
<li>Your equations leave your device only if you share or export them</li>
<li>No tracking cookies</li>
<li>No login</li>
<li>It works offline after your first visit, which helps on bad college WiFi or on a train</li>
</ul>
<h2>14 languages</h2>
<p>LaTeX is used all over the world, so the site comes in 14 languages:</p>
<p>English, Spanish, French, German, Portuguese, Italian, Dutch, Swedish, Danish, Norwegian, Japanese, Korean, Chinese and Arabic.</p>
<p>The symbol names are translated too. Someone in Tokyo or Madrid can search for symbols in their own language.</p>
<img src="https://cdn.hashnode.com/uploads/covers/6af2ee0f3e19241a9e34b3b6/e6520c71-6b51-4443-9401-b41968b46293.png" alt="" style="display:block;margin:0 auto" />

<h2>Other pages</h2>
<ul>
<li><strong>About:</strong> what the tool is for, plus keyboard shortcuts</li>
<li><strong>Contact:</strong> send feedback, bug reports or feature ideas</li>
<li><strong>Privacy Policy and Terms:</strong> plain words about how your data is handled</li>
</ul>
<h2>How it's built</h2>
<p>For the developers reading this:</p>
<ul>
<li><strong>Astro</strong> for the content pages, so they load as fast static HTML</li>
<li><strong>React</strong> for the editor, symbol palette and library</li>
<li><strong>KaTeX</strong> to render the math</li>
<li><strong>MathLive</strong> for the visual editing</li>
<li><strong>CodeMirror</strong> for the code panel and autocomplete</li>
<li><strong>Tailwind CSS</strong> for styling</li>
<li><strong>IndexedDB</strong> to store your library in the browser</li>
</ul>
<p>The editor is the heaviest part, so it loads lazily. The page shows up right away and the editor fills in a moment later. That keeps the first load quick, even on slow phones.</p>
<h2>Who it's for</h2>
<ul>
<li><strong>Students</strong> writing homework, lab reports or a thesis</li>
<li><strong>Teachers</strong> making worksheets and slides</li>
<li><strong>Researchers</strong> checking a formula before it goes into a paper</li>
<li><strong>Developers and technical writers</strong> who need math in docs or Markdown</li>
<li><strong>Anyone</strong> who needs one equation in a document without a fight</li>
</ul>
<h2>Try it</h2>
<p>If this sounds useful, give <a href="https://latexequationeditor.com/">Latex Equation Editor</a> a go.</p>
<p>I'm still working on it. If something feels off, or you want a feature, I'd love to hear it. Leave a comment and I'll read every one.</p>
<p>Thanks for reading!</p>
]]></content:encoded></item></channel></rss>