inst/exampleFiles/Markdown.md

In monaco: The 'Monaco' Editor as a HTML Widget

TITLE

Try to prettify this file, and observe that even the code blocks will be prettified! Thanks to the Prettier library.

Some JavaScript code

var json =    [
      {'array': [0,1,2,3,4,5, 6,  7   ,8  ],
      dataframe: [{"Sepal.Length":5.1,"Sepal.Width":3.5,"Petal.Length":1.4,"Petal.Width":0.2,"Species":"setosa"},{"Sepal.Length":4.9,"Sepal.Width":3,"Petal.Length":1.4,"Petal.Width":0.2,"Species":"setosa"}] 
    },
        {FUNCTION: function(arg){return `Call: f(${arg})`}}
]

And some CSS

button{
    border: 1px solid transparent;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
font-size: 14px;
font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
      padding: 3px 10px 3px 10px;
      text-decoration: none;
        display: inline-block;
    text-shadow: -1px -1px 0 rgba(0, 0,0, 0.3);
    font-weight: normal;
    color: #FFFFFF;
    background-color: #9C27B0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#9C27B0), to(#BD2DF5));
    background-image: -webkit-linear-gradient(top, #9C27B0, #BD2DF5);
    background-image: -moz-linear-gradient(top, #9C27B0, #BD2DF5);
    background-image: -ms-linear-gradient(top, #9C27B0, #BD2DF5);
    background-image: -o-linear-gradient(top, #9C27B0, #BD2DF5);
    background-image: linear-gradient(to bottom, #9C27B0, #BD2DF5);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#9C27B0, endColorstr=#BD2DF5);
}

As well as SCSS

  $track-radius:   5px   !default;
$contrast: 5% !default;

$ie-bottom-track-color: 
darken($track-color, $contrast) !default;

@mixin shadow($shadow-size, $shadow-blur, $shadow-color) {
  box-shadow: $shadow-size $shadow-size $shadow-blur $shadow-color, 0 0 $shadow-size lighten($shadow-color, 5%);
}

What else?

• HTML code blocks are prettifiable as well;
• TypeScript code blocks are prettifiable as well.

HTML PREVIEW

You can preview the HTML rendering of this Markdown file: the context menu is your friend.

~~This was mistaken text~~

| Command | Description | | --- | --- | | git status | List all new or modified files | | git diff | Show file differences that haven't been staged |

Typographic replacements

(c) (C) (r) (R) (tm) (TM) (p) (P) +-

test.. test... test..... test?..... test!....

!!!!!! ???? ,, -- ---

"Smartypants, double quotes" and 'single quotes'

monaco documentation built on May 18, 2022, 5:16 p.m.