TipTap-based editor core #2

Activity

1. n4ff4h

   added

   next-genNext-gen Javaabu packagesNext-gen Javaabu packages

   featurePackage feature from the specPackage feature from the spec

   on Nov 4, 2026
2. n4ff4h

   added 2 commits that reference this issue on Nov 5, 2026

   TipTap editor core, Blade entry and React renderer

   ...

   092e4c0

   Fix heading levels and relative links in the editor; UI tests

   ...

   8d89c08
3. n4ff4h commented on Nov 5, 2026

   

   n4ff4h

   on Nov 5, 2026

   CollaboratorAuthor

   More actions

   Done on main (092e4c0, 8d89c08, e9354bc).

   • createBlockEditor(element, options) in resources/js/editor is a framework-free editor on @tiptap/core, configured by the PHP editor config. It has a toolbar (marks, link, logical alignment, block type, table tools, block actions, undo/redo, Thaana), a / menu, a + inserter, and a block handle (drag, move, duplicate, delete). The settings panel is generated from the attribute definitions, and server errors show on the block.
   • Blade: block-editor::editor mounts every [data-block-editor] and keeps a hidden input in sync (window.JavaabuBlockEditor). React: BlockEditor wraps the same core, so both stacks behave the same.
   • Shipped through javaabu/manifest (@javaabu/block-editor, block-editor::editor, block-editor::styles, prebuilt dist/).
   • Reused from Onu: ThaanaKeyboard, AutoDirection, CalloutNode, Embed, attachThaanaKeyboard. Onu's BlockEditor component wasn't reused, because its menus are a closed set. Suggested an extension point and a React-free entry in Editor: a React-free entry for the TipTap extensions, and custom block types in BlockEditor onu#62.
   • Decision: the UI is vanilla DOM styled with Onu's CSS variables, rather than Onu React components, so Blade pages don't need React at runtime.
   • Checked in headless Chromium: slash menu, inserter, settings, Thaana typing, keyboard moves with announcements, and drag and drop.
4. n4ff4h

   closed this as completedon Nov 5, 2026