slides VS marked.hyoo.ru

Hello, my name is Dmitriy Karlovskiy and all my articles (and presentations) I write in MarkDown. And you know what? It's already pretty sick of me! I write texts in Russian, but most of the special characters are only in the English keyboard layout. And editing tables is the eternal Leaning Tower of Pisa from vertical lines. In short, is has problems both with the convenience of editing and with the readability. So let's try to design it from scratch, without dragging tons of puzzling structures along with us.

Framework $mol

This is an extended text version of the speech of the same name on PiterJS#47. You can read it as an article or open it in the presentation interface or watch video.

Original Russian article

= MarkedText **Lightweight formatting** for plain text. -- == Principles + Syntax: - Unambiguity - Simplicity - Uniformity + Appearance: - Minimal impact on natural looking text - Readability + Editing: - Independence from the layout - Fast and reliable memorability == Compare with alternatives ! **Language** ! **Pros** ! **Cons** ! Marked Text ! - Convenient table editing. ! - Support for complex formatting within cells. ! - Ease of implementation. ! - Easy to remember consistent syntax. ! - Ease of editing in the Russian layout. ! - Columns do not spread far to the right beyond horizontal scrolling and do not wrap to a new line. ! - Not supported yet by any third party tools. ! MarkDown ! - Wide support for various tools. ! - Visual presentation of tables. ! - Difficulties with editing tables. ! - Strongly limited content of cells. == Parsing const res = [ ... $hyoo_marked_line.parse( '**text**' ) ] --$mol_assert_equal( res[0].strong, '**text**' ) ++$mol_assert_equal( res[0].marker, '**' ) **$mol_assert_equal( res[0].content, 'text' ) == Reviews " " " Typical user: Not supported anywhere, go to --ass-- ++assassins++ with this syntax! " " " " But we're programmers, we can fix it.. You don't even need to be an expert in ;;C++;; .. " " No one needs it (c) Couch Expert However, it is a useful design exercise. == Links - Sandbox: \\https://marked.hyoo.ru/\\ - \\MarkedText article\https://github.com/nin-jin/HabHub/issues/39\\ - \\Parser on TS\https://github.com/hyoo-ru/marked.hyoo.ru/\\ - \\Converter to HTML on TS\https://github.com/hyoo-ru/marked.hyoo.ru/tree/master/to/html\\ - ""Build result $mol_regexp\https://github.com/hyoo-ru/mam_mol/workflows/mol_regexp/badge.svg""