ScribeJS 1.0.1 - NOW IS LIVE!

Thu, 12 Feb 2026 19:23:04 +0000

Highlights

Cross-browser toolbar state is now identical across Chrome, Firefox, and Safari.

✨ New Features

Polling safety net — 100ms interval force-refreshes toolbar state while focused, with JSON-diff guard to avoid unnecessary re-renders
formatChange event — emitted synchronously after every command execution and DOM normalization
Command registry — metadata-driven toolbars with icons, labels, shortcuts, groups, and active() functions
React wrapper — ref-based API with getHTML(), setHTML(), bold(), italic(), etc.
Bug Fixes

Safari: Selection no longer lost when clicking toolbar buttons (save/restore cycle)
Firefox: Toolbar state updates reliably despite selectionchange timing gaps (multi-event pipeline)
All browsers: Toolbar state detected via DOM tree walk instead of deprecated queryCommandState
All browsers: 5-phase DOM normalizer ensures consistent HTML output
Tests

37 toolbar-state tests (command metadata, group ordering, format state)
Selection manager tests (save/restore, collapsed vs range, cross-browser shims)
Normalizer tests (all 5 phases with edge cases)
⚠️ Known Limitations

Mobile Safari/Chrome: basic support, touch interaction edge cases remain
IME input: untested with CJK composition
Shadow DOM: not supported

Plugin for GrapesJS: https://github.com/GoodPHP/grapesjs-plugin-scribejs

GitHub: https://github.com/GoodPHP/scribejs

ScribeJS — Free, Modern Inline RTE

Sat, 07 Feb 2026 00:09:07 +0000

ScribeJS — A Free, Modern Inline Rich‑Text Editor (Open Source)

If you’ve ever needed a simple yet powerful rich‑text editor for your web project — especially one that feels modern and flexible — then ScribeJS is one worth trying.

GoodPHP’s ScribeJS is a free and open‑source inline React text editor that makes adding rich editing experiences to your apps straightforward. The project is lightweight, framework‑agnostic, and designed to work well in real‑world production apps.

What is ScribeJS?

ScribeJS is a rich‑text editor core with a fixed toolbar and minimal API that lets developers embed powerful editing features directly into web interfaces. It was built with a modern JavaScript/TypeScript stack and provides:

Inline‑first editing experience
✂️ Simple, typed API for manipulating text and formats
Built‑in HTML sanitization and safe paste handling
Extensible plugin architecture for custom features
Framework‑agnostic design so it integrates anywhere React/JS is used

You can install it via npm:

npm install scribejs-editor

And use it like:

import { createEditor } from 'scribejs-editor';

const editor = createEditor({
  target: '#editor',
  placeholder: 'Start typing...'
});

editor.bold();
editor.link('https://example.com');
const html = editor.getHTML();

Why It Matters

Modern web apps often need rich‑text editing but don’t want the overhead of huge editors like CKEditor or TinyMCE. ScribeJS strikes a nice balance — giving you powerful editing features without a heavyweight bundle.

Its API is intuitive and ideal for:

Blog editors
Comment boxes
Custom CMS tooling
Collaborative content creation tools

And because it’s open source (BSD‑3‑Clause), you can adapt and extend it freely.

Who It’s For

Whether you’re building a startup MVP, a documentation tool, or enhancing an admin dashboard, ScribeJS lets you:

✔ Add rich editing quickly
✔ Keep your app lean
✔ Customize behavior using plugins

Best of all, it fits perfectly into modern JavaScript and React workflows.

Where to Get It

Check out the code and docs on GitHub:

https://github.com/GoodPHP/scribejs

Coder Legion - Recent posts tagged scribejs

ScribeJS 1.0.1 - NOW IS LIVE!

ScribeJS — Free, Modern Inline RTE