Our great sponsors
-
textbase
Textbase is a clean, simple, composable, event-driven, rich text editor framework for the web which can be extended with custom block and inline elements in a non-opinionated manner.
-
prosemirror-buildless
A ProseMirror starter kit without a build process - just load and start hacking.
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
It's pretty easy to create @mentions by creating and inserting a custom "atom" using the function "insert_atom" to insert the atom's HTML. And then you can do further initialization by listening to "atom-will-enter".
I need to go back and turn on is the ability for sections inside atoms and cards to be contentEditable=true to be able to type text directly inside the element. During development, I had disabled all mutation observation for cards and atoms so as to not corrupt undo history. But I will work to turn editability back on soon within atoms and cards - with more precision.
I had dabbled with creating a basic editor setup in ProseMirror but overall even ProseMirror itself felt a bit too opinionated for my taste. Another usability problem was that the ProseMirror example was implemented as a module instead of as a top level project. So I had started a buildless ProseMirror example but ultimately I decided to move on anyway: https://github.com/simplygreatwork/prosemirror-buildless