A TinyMCE plugin for integrating Highlight.js

Introduction In this post I describe how I integrated the Highlight.js syntax highlighting tool into TinyMCE v5.10.2 for the sake of highlighting code while writing blog posts. So one gets the button saying “HL” as shown here: I’ve taken a somewhat different approach than usual, mainly in three aspects: TinyMCE has a capability to insert [...]

Quill: The DOM, Parchment, and Delta views of the document

Everything in this post relates to Quill v1.3.7. I don’t do web tech for a living, and my knowledge on Quill is merely based upon reading its sources. Besides, I eventually picked another editor for my own use. The trio The most remarkable thing with the Quill editor, is that it constantly retains three representations [...]

Quill internals and the base blot classes: Block, Inline, Embed and friends

Everything in this post relates to Quill v1.3.7. I don’t do web tech for a living, and my knowledge on Quill is merely based upon reading its sources. Besides, I eventually picked another editor for my own use. Introduction Quill offers a variety of blot classes, which are the base for creating custom blot classes [...]

Quill internals and the jumping cursor + the Selection and Cursor classes

Everything in this post relates to Quill v1.3.7. I don’t do web tech for a living, and my knowledge on Quill is merely based upon reading its sources. Besides, I eventually picked another editor for my own use. TL;DR If you’ve reached this page, odds are that you’re trying to figure out why the cursor [...]

Quill, Shift-Enter and <br> tags

Everything in this post relates to Quill v1.3.7. I don’t do web tech for a living, and my knowledge on Quill is merely based upon reading its sources. Besides, I eventually picked another editor for my own use. Introduction These are my somewhat wandering and inconsistent notes as I solved the issue of Shift-Enter for [...]

Quill internals: formatAt() in detail, and nesting of DOM tags

Everything in this post relates to Quill v1.3.7. I don’t do web tech for a living, and my knowledge on Quill is merely based upon reading its sources. Besides, I eventually picked another editor for my own use.. Introduction This post is a collection of findings I made while trying to figure out the following: [...]

Pasting into a Quill editor: Making the text take formatting as usually expected

Everything in this post relates to Quill v1.3.7. I don’t do web tech for a living, and my knowledge on Quill is merely based upon reading its sources. Besides, I eventually picked another editor for my own use. Introduction One of the odd things with Quill is that pasting into the editor window retains the [...]

Quill, why not, and rich text editors in general: Getting started notes

Introduction These are some notes I made while selecting a browser-based rich text editor for my own personal use. Internet and web tech is not my expertise, so I had to catch up some stuff, just to make educated decisions. I’ll reiterate: I take notes as I work, so this explains why there are several [...]

Installing Note.js from binaries (the hacky way)

Node.js is required to build several JavaScript packages (Quill, for example) and the version that was available from the repository of my Linux Mint 18.1 was way too old: node v4.2.6 and npm  v3.5.2. The attempt to build the Quill Webpack with those oldies failed miserably. Truth to be said, there are instructions on how [...]