1.0.0 • Published 1 year ago

eedit v1.0.0

Weekly downloads
-
License
ISC
Repository
github
Last release
1 year ago
const container = document.querySelector("#editor");
const e = new eEditor(container, {
  language: "javascript",
  size: {
    w: "100%",
    h: "100%"
  },

  position: {
    x: "0%",
    y: "0%",
  },

  pad: 0,

  theme: ee.Themes.cool,
  lines: false
});

e.create();

The editor will then be created. The editor will not conform to the size of the container. The container is only used for easy removal of editors.

const container = document.querySelector("#editor");
const e = new eEditor(container, {
  language: "javascript",
  size: {
    w: "100%",
    h: "100%"
  },

  position: {
    x: "0%",
    y: "0%",
  },

  pad: 0,

  theme: ee.Themes.cool,
  lines: true
});

e.create();

Or toggled:

e.toggleLines()
const container = document.querySelector("#editor");
const e = new eEditor(container, {
  language: "javascript",
  size: {
    w: "100%",
    h: "100%"
  },

  position: {
    x: "0%",
    y: "0%",
  },

  pad: 0,

  theme: ee.Themes.cool,
  lines: true
});

e.Theme(ee.Themes.matrix)

e.create();

You don't need to use prebuilt themes. You can create your own themes. Source for matrix theme:

{
  "font": {
    "family": "monospace",
    "size": "18px"
  },
  "caret": {
    "color": "green"
  },
  "colors": {
    "text": "yellow",
    "background": "black"
  },
  "syntax": {}
}
{
  "font": {
    "family": "monospace",
    "size": "18px"
  },
  "caret": {
    "color": "green"
  },
  "colors": {
    "text": "yellow",
    "background": "black"
  },
  "syntax": {
      "keyword": "blue",
      "punctuation": "#FF0000"
  }
}
console.log(editor.p.innerText)

You can also modify the code:

editor.p.innerText = editor.p.innerText.split("\n").slice(0,5).join("\n")

And lastly, you can change the language for syntax highlighting.

editor.setLanguage("python")

Languages supported (thanks to prism):

  • plaintext
  • abap
  • abnf
  • actionscript
  • ada
  • agda
  • al
  • antlr4
  • apacheconf
  • apex
  • apl
  • applescript
  • aql
  • arduino
  • arff
  • armasm
  • arturo
  • asciidoc
  • asm6502
  • asmatmel
  • aspnet
  • autohotkey
  • autoit
  • avisynth
  • avro-idl
  • awk
  • bash
  • basic
  • batch
  • bbcode
  • bbj
  • bicep
  • birb
  • bison
  • bnf
  • bqn
  • brainfuck
  • brightscript
  • bro
  • bsl
  • c
  • cfscript
  • chaiscript
  • cil
  • cilkc
  • cilkcpp
  • clike
  • clojure
  • cmake
  • cobol
  • coffeescript
  • concurnas
  • cooklang
  • coq
  • cpp
  • crystal
  • csharp
  • cshtml
  • csp
  • css
  • css-extras
  • csv
  • cue
  • cypher
  • d
  • dart
  • dataweave
  • dax
  • dhall
  • diff
  • django
  • dns-zone-file
  • docker
  • dot
  • ebnf
  • editorconfig
  • eiffel
  • ejs
  • elixir
  • elm
  • erb
  • erlang
  • etlua
  • excel-formula
  • factor
  • false
  • firestore-security-rules
  • flow
  • fortran
  • fsharp
  • ftl
  • gap
  • gcode
  • gdscript
  • gedcom
  • gettext
  • gherkin
  • git
  • glsl
  • gml
  • gn
  • go
  • go-module
  • gradle
  • graphql
  • groovy
  • haml
  • handlebars
  • haskell
  • haxe
  • hcl
  • hlsl
  • hoon
  • hpkp
  • hsts
  • http
  • ichigojam
  • icon
  • icu-message-format
  • idris
  • iecst
  • ignore
  • inform7
  • ini
  • io
  • j
  • java
  • javadoc
  • javadoclike
  • javascript
  • javastacktrace
  • jexl
  • jolie
  • jq
  • js-extras
  • js-templates
  • jsdoc
  • json
  • json5
  • jsonp
  • jsstacktrace
  • jsx
  • julia
  • keepalived
  • keyman
  • kotlin
  • kumir
  • kusto
  • latex
  • latte
  • less
  • lilypond
  • linker-script
  • liquid
  • lisp
  • livescript
  • llvm
  • log
  • lolcode
  • lua
  • magma
  • makefile
  • markdown
  • markup
  • markup-templating
  • mata
  • matlab
  • maxscript
  • mel
  • mermaid
  • metafont
  • mizar
  • mongodb
  • monkey
  • moonscript
  • n1ql
  • n4js
  • nand2tetris-hdl
  • naniscript
  • nasm
  • neon
  • nevod
  • nginx
  • nim
  • nix
  • nsis
  • objectivec
  • ocaml
  • odin
  • opencl
  • openqasm
  • oz
  • parigp
  • parser
  • pascal
  • pascaligo
  • pcaxis
  • peoplecode
  • perl
  • php
  • php-extras
  • phpdoc
  • plant-uml
  • plsql
  • powerquery
  • powershell
  • processing
  • prolog
  • promql
  • properties
  • protobuf
  • psl
  • pug
  • puppet
  • pure
  • purebasic
  • purescript
  • python
  • q
  • qml
  • qore
  • qsharp
  • r
  • racket
  • reason
  • regex
  • rego
  • renpy
  • rescript
  • rest
  • rip
  • roboconf
  • robotframework
  • ruby
  • rust
  • sas
  • sass
  • scala
  • scheme
  • scss
  • shell-session
  • smali
  • smalltalk
  • smarty
  • sml
  • solidity
  • solution-file
  • soy
  • sparql
  • splunk-spl
  • sqf
  • sql
  • squirrel
  • stan
  • stata
  • stylus
  • supercollider
  • swift
  • systemd
  • t4-cs
  • t4-templating
  • t4-vb
  • tap
  • tcl
  • textile
  • toml
  • tremor
  • tsx
  • tt2
  • turtle
  • twig
  • typescript
  • typoscript
  • unrealscript
  • uorazor
  • uri
  • v
  • vala
  • vbnet
  • velocity
  • verilog
  • vhdl
  • vim
  • visual-basic
  • warpscript
  • wasm
  • web-idl
  • wgsl
  • wiki
  • wolfram
  • wren
  • xeora
  • xml-doc
  • xojo
  • xquery
  • yaml
  • yang
  • zig