contentworkable
Advanced tools
The HTML5 contenteditable attribute allows you to turn any DOM element into a rich text editor. Great idea, right? But in practice, contentEditable is a huge pain to work with.
ContentWorkable is a small library that provides a foundation for sane contenteditable-based editors. It's mainly aimed at supporting "augmented text" editing, like the comment boxes on Facebook or Google+, rather than a conventional rich text interface.
It works by intercepting edit and selection events in the DOM and translating them to operations on a model object. You can then render the contents of the model in any way that you want.
Use npm test to run the tests using testling. For headless testing, you can install PhantomJS (npm install -g phantomjs). See here if you still get the 'No headless browser found' error after installing PhantomJS.
To debug test failures in the browser, install beefy and then run beefy test/test-contentworkable.js.
FAQs
A foundation for sane contenteditable-based editors.
We found that contentworkable demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
Security News
Socket’s threat research team has detected six malicious npm packages typosquatting popular libraries to insert SSH backdoors.
Security News
MITRE's 2024 CWE Top 25 highlights critical software vulnerabilities like XSS, SQL Injection, and CSRF, reflecting shifts due to a refined ranking methodology.
Security News
In this segment of the Risky Business podcast, Feross Aboukhadijeh and Patrick Gray discuss the challenges of tracking malware discovered in open source softare.
