Typora (0.9.54) beta

by typora.io


Announcement: Typora will drop support for macOS 10.9 in future updates.

Follow CommonMark on Single Line Breaks

Now insert line break won’t break the wrapped inline styles, for example, following will be rendered as strong style, even there is one \n inside it.

**this is strong
this is also strong**

So, now you could use gravizo to draw DOT, PlantUML, and UMLGraph in Typora like this:

![Alt text](https://g.gravizo.com/svg?
  digraph G {
    aize ="4,4";
    main [shape=box];
    main -> parse [weight=8];
    parse -> execute;
    main -> init [style=dotted];
    main -> cleanup;
    execute -> { make_string; printf}
    init -> make_string;
    edge [color=red];
    main -> printf [style=bold,label="100 times"];
    make_string [label="make a string"];
    node [shape=box,style=filled,color=".7 .3 1.0"];
    execute -> compare;

It will be rendered as:

Alt text

HTML Supports

The new version now brings supports for normal HTML tags. Please note that attributes like id, class and data-* will be ignored.

Inline HTML

Typora now can render inline HTML just as normal inline Markdown styles, for example:

Raw Markdown Source Output in Live Preview
<span style='color:red'>This is red</span> This is red
<ruby> 漢 <rt> ㄏㄢˋ </rt> </ruby> ㄏㄢˋ
<kbd>Ctrl</kbd>+<kbd>F9</kbd> Ctrl+F9
<span style="font-size:2rem; background:yellow;">**Bigger**</span> Bigger
HTML entities like &reg; &#182; HTML entities like ® ¶

The writing experience is also same:

HTML Block

Block level HTML tags in Markdown document will be rendered as HTML Block, for example:

    <summary>I have keys but no locks. I have space but no room. You can enter but can't leave. What am I?</summary>
    A keyboard.

Will be rendered as:

I have keys but no locks. I have space but no room. You can enter but can't leave. What am I? A keyboard.

HTML Block can enter edit mode by when move cursor inside it, or click it non-interactive parts, or use command/ctrl + click.

Videos, audios and remote webpage can be embedded in your markdown using <video>, <audio> or <iframe> tags.

For example, let’s embed a codepen by input following texts into Typora.

<iframe height='265' scrolling='no' title='Fancy Animated SVG Menu' src='//codepen.io/jeangontijo/embed/OxVywj/?height=265&theme-id=0&default-tab=css,result&embed-version=2' frameborder='no' allowtransparency='true' allowfullscreen='true' style='width: 100%;'>


Other Updates: