Petrel Code Editor


Installation

NPM

``js
npm install petrel

import { CodeEditor } from 'petrel'
`


Module


`js
import { CodeEditor } from 'https://js.intera.dev/petrel/1.0.7/index.js'
`

JS

`html

`

Styles

NPM & Webpack

`js
require('petrel/css/dark.css')
`

Web

`html

`

Example

`html

`

Options

`js
new CodeEditor(..., {
closeKeys: {
'<', '>' // If < is being typed into the editor, the editor will autocomplete it with >
},
placeholder: 'Enter code in here',
value: "Hello World",
readonly: false,
tabShortcutsEnabled: true,
tabSize: 4
})

``

Custom styling

If you want to style Petrel yourself you might look into css/dark.css as an example.