@acarl005/codeflask
TypeScript icon, indicating that this package has built-in type declarations

2.1.6 • Public • Published

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/CodeFlask#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.

Package Sidebar

Install

npm i @acarl005/codeflask

Weekly Downloads

2

Version

2.1.6

License

MIT

Unpacked Size

28.8 kB

Total Files

6

Last publish

Collaborators

  • acarl005