tinycoder

Browser code editor that aims to be kept as simple as possible.
- Short description

Ups and downs

Ups:

1. Simple to get around
2. Has a Tkinter-styled config API

Downs:

1. More event-based than property-based
2. Doesn't handle automatic indentation

Examples

Changing the configuration

tc = new tinycoder(document.getElementById("tc"))
tc.config("syntaxHighlight", false)
console.log(tc.config("syntaxHighlight")) // Output: false

On special circumstances...

tc = new tinycoder(document.getElementById("tc"))
tc.events.update(function(e) {
	console.log("Code is now updated!", e)
})
tc.updateCode("let it = \"go\"") // Output: Code is now updated! {code: "let it = \"go\""}
// On user edit, the "update" event will not be fired.
// Use "edit" instead.

Documentation

For your ease, the documentation is given right here where are you watching this right now.

Events

Name	Sample object	Fired on
update	{"code": "let it = \"go\";"}	Code updated programmatically via updateCode()
edit	{"code": "let it = \"go\";", "code": false}	Code edited programmatically via updateCode() and by user
focus	{"code": "let it = \"go\";"}	focus-like event
unfocus	{"code": "let it = \"go\";"}	blur-like event
any	Any from above	After every event

Configuration keys

Name	Sample value	Description
syntaxHighlight	true	Enables/disables syntax highlighting
lineNumbers	true	Enables/disables line numbers
fontStr	"normal 12px \"Cascadia Mono\""	More information