turbo-markdown

加强版markdown编译工具

Resources

Features

支持的特性

以下说明fly.js扩展功能的使用方式。

简单js代码

以下为一段只读的js代码,其执行结果以下方红字输出。

(function(){

    var s = fly.createShow('#test_simple_js');
    s.show( 'Hello' );
    s.append_show( 'turbo-markdown' );

})();

简单js代码 - 可编辑

可编辑js代码,再通过点击Restart按钮重新运行。

(function(){

    var s = fly.createShow('#test_simple_js_editable');
    s.show( 'Hello' );
    s.append_show( 'turbo-markdown' );

})();

简单html代码 - 可编辑

同样地,以下HTML代码也支持编辑后运行。

<style type="text/css">
.test-style {
    height: 60px;
    margin: 20px;
    border-radius: 2px;
    border: 2px dotted #17becf;
    text-align: center;
    font: oblique small-caps normal 30px/60px arial;
}
</style>
<div class="test-style">Think Different!</div>

ES7代码 - 可编辑

支持es6、es7、jsx语法的js,可编辑后运行。

(function(){

    var s = fly.createShow('#test_babel');
    const arr = { hello: 'Hello', tm: 'turbo-markdown' };
    const { hello, tm } = arr;

    s.show( hello );
    s.append_show( ( () => tm )() );

})();

Install & Usage

$ sudo npm install -g turbo-markdown
$ tm <-V | --version>
$ tm <-H | --help>
$ tm <file> [--local] [--no-preview]

Todos