@advanced-rest-client/code-mirror-linter

用于 advanced-rest-client/code-mirror

使用量

安装

npm install --save @advanced-rest-client/code-mirror-linter

在一个LitElement中

import { LitElement, html } from 'lit-element';
import '@advanced-rest-client/code-mirror/code-mirror.js';
import '@advanced-rest-client/code-mirror-linter/code-mirror-linter-json';
import linterStyles from '@advanced-rest-client/code-mirror-linter/lint-style.js';

class SampleElement extends PolymerElement {
  static get styles() {
    return [
      linterStyles,
      css`:host { ... }`
    ];
  }

  render() {
    const gutters = ['CodeMirror-lint-markers'];
    return html`
    <code-mirror
      mode="application/json"
      linenumbers
      .gutters="${gutters}"
      .lint="${CodeMirror.lint.json}">
      {
        "a": 'b',
        "value": true
      }
      </code-mirror>
    `;
  }

  _valueHandler(e) {
    this.value = e.detail.value;
  }
}
customElements.define('sample-element', SampleElement);

发展

git clone https://github.com/advanced-rest-client/code-mirror-linter
cd code-mirror-linter
npm install

本地运行演示

npm start

运行测试

npm test

API 组件

此组件是 API 生态系统组成部分