Skip to content

acarl005/CodeFlask

 
 

Repository files navigation

CodeFlask Mod

npm i '@acarl005/codeflask'

I modified CodeFlask to be able to...

  1. Make PrismJS a peer dependency
  2. Attach (and remove) custom event listeners to the editor
  3. Support the Line Highlight plugin in PrismJS
  4. Fix this issue: kazzkiq#69
  5. Fix bugs with tab hotkey for indentation
  6. Make the self-closing characters configurable
import CodeFlask from "codeflask"
import Prism from "prismjs"

const flask = new CodeFlask(editor, Prism, {
  language: "js",
  selfClosingCharacters: ['(', '[', '{', "'", '"'],
  customEventListeners: {
    "keydown": e => {
      if (e.key == "Enter") {
        e.preventDefault()
        e.stopImmediatePropagation()
        // do custom stuff
      }
    }
  }
})

flask.highlightLines("4-7")

PrismJS is highly customizable. It actually offers custom builds with more plugins that you can opt into. This is an awesome and rare feature b/c you can minimize the bundle by omitting unneeded functionality. Therefore, it should be a peer dependency, b/c CodeFlask can't know which build with which plugins you'll need.

About

A micro code-editor for awesome web pages.

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 94.2%
  • HTML 5.8%