Are preparing to publish a post with formulas

recently on habré there was a lot of posts with mathematical formulas. For example, it is impossible not to recall a series of articles maisvendoo on theoretical mechanics.


In this regard, has become an important question on choosing a convenient tool for creating and preparing these posts. SeptiM a script that convert markdown markup + latex in the html code. I decided to develop the idea and to simplify the tool, and made for the same purpose the online editor with support for markdown and lateja


Screenshot editor



the

Editor of mathematical texts


In the editor, for convenient text typing with lots of formulas and immediately see the result. You format the text in markdown, enter the formula to lathe and get html code.


Consider an example. Fragment


the 
Formula for solution of quadratic equation <nobr>_ax_^2^ + _bx_ + _c_ = 0</nobr> has the form

$$
x_{1,2} = {-b\pm\sqrt{b^2 - 4ac} \over 2a}
$$ (1)

becomes


the Formula for solving the quadratic equation ax2 + bx + c = 0 is


x_{1,2} = {-b\pm\sqrt{b^2 - 4ac} \over 2a}


the

Features editor


the Editor saves the text you type in localStorage, so when it crashes your browser, operating system, computer, or supply your labor is not lost.


There is an export option in the html markup, understandable garrapatero (which ignores the attributes of the style and <p>, but understands "" <source> and line breaks).


the Editor works in a browser, calls to the server only for formulas in the preview mode.


Some possibilities in no markdown. To insert images with alignment or dimension, use bare html.


the

Mathematical formulas on the web


For there are two ways of embedding lateja. Formula either rendered on the server and are given as images or rendered on the client.


Existing solutions I didn't like. Service codecogs.com for server-side rendering is sometimes buggy: generate images with a too large upper and lower indices, and then cache them. JS-renderer MathJax does one the actual rendering every time on all computers and mobile, and contains a limited set of commands.


So even before I made a service the generation of svg and png images with formulas. The editor uses svg-images, so that the formula looked nice on the retina.


the

syntax Highlighting


most of all I'm happy with the syntax highlighting. It managed to combine a browser with a spell check and make fairly quick work on the fly:


syntax Highlighting

unfortunately, the backlight does not always work correctly (and never will be, because it is based on a parser based on regular expressions). However, the task orientation of the text this method solves well. Please report bugs, I'll try to fix them.


the

development Plan


eventually, I want to support keyboard shortcuts, modify the animation (not in all browsers now smooth), add to open files via drag & drop, deal with the equalization formula under the baseline in the preview mode.


Code editor as of service generating images, posted on github. Forcite and send a pool of requests :)


the

Acknowledgement


Thanks to maisvendoo for testing. The editor uses parser for markdown-it. The idea of illumination found in the draft LDT.

Article based on information from habrahabr.ru

Популярные сообщения из этого блога

Approval of WSUS updates: import, export, copy

Изображение
the Backstory Until recently, I worked as edikasyon a major Russian company that has many offices throughout the country. In my jurisdiction there were eleven sites, located in different cities of the Far East (this is important). In each of these offices had its own, not connected with other network infrastructure — your domain AD own subnet, etc. Once the leadership gave me the task to organize the automatic updating of the OS and programs from MS and allowed to expand on accountable sites WSUS . Problem After WSUS was deployed, binding policy, computers to WSUS groups are configured, the directory synchronization content server MS held, etc., the question arose: who and how will approve the update? Imagine 11 cities that are so "fast" and "stable", that rare moment when latency of ICMP replies are only 800 MS, are perceived as unheard of luck. And in each you test all updates before deploying. The access to the servers at the sites was only v...
Далее...

Kaspersky Security Center — the fight for automation

oddly enough, I found habré only one article on the subject — the sandbox much unfinished actually contains a piece of the slightly redesigned the product help. Yes, and Google query klakaut silent. I'm not going to tell you how to administer the hierarchy of Kaspersky Security Center (hereinafter KSC) from the command line — I do not yet need never. Just want to share some thoughts about automation tools to those who need it and disassemble one case with which I had to face. If you, %habrauser%, this topic will be interesting — welcome under kat. Historically, the anti-virus protection on the job, I prefer products of Kaspersky Lab (hereafter LK). Causes and other Holy war of personal opinions, I'll leave behind the scenes. Naturally, I would like to centrally deploy, protect, to protect and to enforce the law to draw beautiful graphics to integrate into existing monitoring systems and to do other work shifting the blame to a healthy server. And if you deplo...
Далее...

The Hilbert curve vs. Z-order

Изображение
Repeatedly heard the opinion that of all swept curves . it the Hilbert curve the most promising for spatial indexing. The explanation given is that it does not contain discontinuities and therefore in some sense “well-arranged”. Whether so it actually and what is the spatial indexing, we will understand under the cut. The concluding article of the series: the the Why doesn't the straightforward approach to spatial indexing swept curves the Presentation the 3D and obvious optimization the 8D and perspectives OLAP the 3D field as it looks the 3D field benchmarks the How about indexing non-point objects? The Hilbert curve has the remarkable property — the distance between two successive points is always equal to one (step current of detail, to be precise). Therefore, data is not much different Hilbert curve values are close to each other (the inverse, incidentally, is wrong — adjacent points may be very different in meaning). For this property it is us...
Далее...