Jotted：HTML/CSS/JS 演示环境

Jotted 是一个 HTML、CSS、JavaScript 演示环境，可编辑源代码。

安装：

• npm: npm install --save jotted
• Bower: bower install --save jotted
• jsDelivr:

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/jotted/latest/jotted.min.css">
<script src="https://cdn.jsdelivr.net/jotted/latest/jotted.min.js"></script>

主要特性：

• 轻量级：无依赖，默认使用 textareas 编辑
• 插件：灵活插件架构，可定制编辑器，预处理器等
• 代码编辑器：包括类似 Ace 和 CodeMirror 的代码编辑器插件
• 预处理器：包括预处理器插件 (ES6, CoffeeScript, Less, Stylus, Markdown)

快速入门：

<link rel="stylesheet" href="jotted.css">
<script src="jotted.js"></script>

<div id="editor"></div>
<script>
  new Jotted(document.querySelector('#editor'), {
    files: [{
      type: 'html',
      url: 'index.html'
    }]
  })
</script>

示例：

new Jotted(document.querySelector('#demo'), {
  files: [{
    type: 'css',
    url: 'index.styl'
  }, {
    type: 'html',
    content: '<h1>Demo</h1>'
  }],
  showBlank: true,
  plugins: [
    'stylus',
    {
      name: 'codemirror',
      options: {
        lineNumbers: false
      }
    }
  ]

Jotted 遵循 MIT 开源授权协议，GitHub 地址：

https://github.com/ghinda/jotted