IssueRaiser

HTML Export

This is all very much my draft notes currently but will be worked upon in the comming days, so take everything with a grain of salt. **tl;dr** This is looking really promising already in terms of translatability, the main callenge here will likely be the rewrite of the Layout process into separate steps as discussed. # Comparison Typst => HTML How easy we could convert most functions into a `HTML/CSS` counterpart. ## Text - `#lorem()` -> `#text` - `#emph` -> `<em>` - `#linebreak` -> `<br>` - `#lower` -> `<span class="lower">` or similar with `text-transform: lowercase` - `#overline` -> `<span class="overline">` with `text-decoration: overline` - `#raw` -> `<code>` with syntax highlighting done over a `<div>` instead (possibly highlight.js) - `#smallcaps` -> `<span class="smallcaps">` - `#smartquote` -> `#text` - `#strike` -> `<s>` - `#strong` -> `<strong>` - `#sub` -> `<sub>` - `#super` -> `<sup>` - `#text` -> `<span>` - `#underline` -> `<span class="underline">` with `text-decoration: underline` - `#upper` -> `<span class="upper">` or similar with `text-transform: uppercase` ## Math Good sauce: https://fred-wang.github.io/TeXZilla/ - `accent` -> `<mover>` - `attach` -> `<munderover>` / `<msubsup>` - `scripts` -> `<msubsup>` - `limits` -> `<munderover>` - `binom` -> `<mrow><mo>(</mo><mfrac linethickness="0px"><mi>n</mi><mi>k</mi></mfrac><mo>)</mo></mrow>` - `cases` -> `<mrow><mo>{</mo><mtable columnalign="left left" displaystyle="false"></mtable></mrow>` - `equation` -

Posted by Nitwel on Apr 10, 2023, 11:07 PM

Tags

Related issues

Raise real-world problems, find people facing the same issue, and discuss solutions.2,500 issues0 comments

github (Software)

HTML Export

NitwelApr 10, 2023, 11:07 PM

This is all very much my draft notes currently but will be worked upon in the comming days, so take everything with a grain of salt. **tl;dr** This is looking really promising already in terms of translatability, the main callenge here will likely be the rewrite of the Layout process into separate steps as discussed. # Comparison Typst => HTML How easy we could convert most functions into a `HTML/CSS` counterpart. ## Text - `#lorem()` -> `#text` - `#emph` -> `<em>` - `#linebreak` -> `<br>` - `#lower` -> `<span class="lower">` or similar with `text-transform: lowercase` - `#overline` -> `<span class="overline">` with `text-decoration: overline` - `#raw` -> `<code>` with syntax highlighting done over a `<div>` instead (possibly highlight.js) - `#smallcaps` -> `<span class="smallcaps">` - `#smartquote` -> `#text` - `#strike` -> `<s>` - `#strong` -> `<strong>` - `#sub` -> `<sub>` - `#super` -> `<sup>` - `#text` -> `<span>` - `#underline` -> `<span class="underline">` with `text-decoration: underline` - `#upper` -> `<span class="upper">` or similar with `text-transform: uppercase` ## Math Good sauce: https://fred-wang.github.io/TeXZilla/ - `accent` -> `<mover>` - `attach` -> `<munderover>` / `<msubsup>` - `scripts` -> `<msubsup>` - `limits` -> `<munderover>` - `binom` -> `<mrow><mo>(</mo><mfrac linethickness="0px"><mi>n</mi><mi>k</mi></mfrac><mo>)</mo></mrow>` - `cases` -> `<mrow><mo>{</mo><mtable columnalign="left left" displaystyle="false"></mtable></mrow>` - `equation` -

Comments (0)

No comments yet. Start the discussion.

Comment on this issue