Super small and simple code editor inspired by CodeFlask.
MIT License
Super small and simple code editor inspired by CodeFlask.js.
<head>
tag.<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/nanoEditor.min.js"></script>
head
tag.<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.9.0/themes/prism.min.css" />
npm i nano-editor --save
import { nanoEditor } from "nano-editor";
import "prismjs/themes/prism.css";
The new nanoEditor()
method accepts three arguments:
markdown
.true
to see line numbers.Once you've setup an instance, there are a few public methods you can use:
Accepts a single function as it's argument, the function will get called each time the editor is updated. The function will also have the editor's value passed into it.
Change the language of the editor.
Sets the contents of the editor.
Set the element as editable or not.
The HTML element the editor is attached to.
<div id="#code">
alert("Dont taze me bro.");
</div>
<script>
const editor = new nanoEditor("#code", "javascript", true);
editor.setValue("alert(\"Don't move BRO!\")");
</script>