Qedit

Instant, small, and flexible code snippets editor

Vanilla Qedit

import Qedit from 'qedit';

const container = document.getElementById('vanilla');

Qedit.create(container, {
  showLineNumbers: true,
});

With Prism.js

import Qedit from 'qedit';
import QeditPrism from 'qedit/plugins/prism';

const container = document.getElementById('prismjs');

Qedit.create(container, {
  language: 'javascript',
  showLineNumbers: true,
  render: QeditPrism,
});

theme: prism

With Highlight.js

import Qedit from 'qedit';
import QeditHljs from 'qedit/plugins/hljs';

const container = document.getElementById('hljs');

Qedit.create(container, {
  language: 'javascript',
  showLineNumbers: true,
  render: QeditHljs,
});

theme: default

With Code Prettify

import Qedit from 'qedit';
import QeditPrettify from 'qedit/plugins/prettify';

const container = document.getElementById('prettify');

Qedit.create(container, {
  language: 'javascript',
  showLineNumbers: true,
  render: QeditPrettify,
});

theme: prettify

With Prism.js + Prettier (Ctrl+Enter)

import Qedit from 'qedit';
import QeditPrism from 'qedit/plugins/prism';
import QeditPrettier from 'qedit/plugins/prettier';

const container = document.getElementById('prettier')

Qedit.create(container,
{
  language: 'javascript', showLineNumbers: true,
  render: QeditPrism, plugins: [ QeditPrettier() ],
})