ace
Draft.js
Our great sponsors
ace | Draft.js | |
---|---|---|
34 | 40 | |
26,396 | 22,309 | |
0.4% | - | |
9.4 | 8.2 | |
2 days ago | over 1 year ago | |
JavaScript | JavaScript | |
GNU General Public License v3.0 or later | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
ace
-
Show HN: A note-keeping system on top of Fossil SCM
I used a note system built on top of Fossil as my primary system for quite a while. Here are the details in case anyone is interested.
Fossil allows CGI extensions[1]. There's a database for tickets, but that's just a regular SQLite table that you can use to store anything you want, and it's version controlled and queryable. I stored the notes plus metadata in the tickets database. The CGI returned HTML with the Ace editor for creating/editing notes.[2] Notes were stored using the command line.[3] I needed to add the web server user to the sudoers file to access the Fossil binary.
There were two reasons to use Fossil for this. The biggest was that it handled authentication. The second is that I had a version controlled database to do all the work for me.
I think I eventually moved away from it because I prefer working locally. The "transition" was dumping the data out of the database and into markdown files.
[1] https://fossil-scm.org/home/doc/trunk/www/serverext.wiki
[2] https://ace.c9.io/
[3] https://fossil-scm.org/home/help?cmd=ticket
-
browser based editor?
Ace editor -> https://ace.c9.io/
-
Writing a (simple) code editor for the web?
Hey there! Thanks for reaching out. Writing a code editor with syntax highlighting in a browser can be a little tricky, but it's definitely doable. One resource that might be helpful is the Ace Editor library (https://ace.c9.io/). It's a lightweight but powerful editor that includes syntax highlighting for a huge range of languages. You could also check out CodeMirror (https://codemirror.net/), which is another popular library for building web-based code editors. Good luck, and let us know how it goes!
-
Keyboard shortcuts for the editor?
neocities seems to use the ace editor, and you can view its default keybinds here: https://github.com/ajaxorg/ace/wiki/Default-Keyboard-Shortcuts
-
The ShnooTalk programming language
The frontend uses the ace editor for syntax highlighting and then sends all the "text" you have typed to a python backend. The backend then writes all the text to a temporary directory and calls the compiler using subprocess (something similar to os.system).
-
MDSlides - Simple markdown presentation tool
It is built using Reveal.js and Ace, and is a simple markdown presentation tool right in the browser.
- Ace – The High Performance Code Editor for the Web
-
Enhance
https://github.com/ajaxorg/ace
It's a pretty complex JavaScript application but you can development and even run tests locally without ever needing to "build". I'm building a JavaScript-based text editor, too, and it also uses Makefile and you can just run a static file server such as Python SimpleHTTPServer to host all the files in the directory. I still have and componentized HTML/CSS, separated JS files.
-
Frontend library for syntax highlighting / validation of uBlock rules
Thanks for the suggestion! Although Ace is not the most popular kid in the block, it is still maintained. It does support tmLanguage and could be used for a proof-of-concept editor!
-
Edit code from browser
For the code editing you can use Ace.
Draft.js
-
What true Open Source Software means from my perspective in the industry and how I recommend contributing to it to get your foot in the door (spoiler: it's not what most bootcamps do)
Also for comparison, here is a very small project that has 1600 issues, 1400 commits and 250 contributors and if I saw that you were a lead contributor on here on a resume I would think you have exposure to "small sized projects". https://github.com/facebookarchive/draft-js
-
What is this called? how do you create it? any library? (react)
Draft JS
-
Is there a good alternative to Draft-js rich text editor?
Draft-js developed by Facebook, last update was over 2 years ago and it still got over 800k weekly downloads. I can't quite get it to work so I'm wondering if theres other good alternatives out there.
-
Making text editor in tauri
If you want to write the GUI code in Rust, you'd need something like Dioxus (which uses Tauri under the hood). But note that the Rust GUI ecosystem is still new, so I doubt we have something like Draft.js (a wysiwyg editor component for React). There's a lot of complexity involved in writing a text editor, and I'll suspect you'll have to handle a lot of that yourself.
-
Lexical – a web text editor framework that powers Facebook
How does this compare to Draft.js, another rich text editor created by Facebook?
https://draftjs.org/
- Does anybody a block-based rich text editor like notion that works with react?
- Draft.js and React Native
-
make document.execCommand('insertText', false, 'message') work with draftjs?
To play around with it you can just go to https://draftjs.org/ and play with it in chrome dev tools.
-
How to align text in Draft.js
I'm wondering how to align text in Draft.js just like on the picture below.
- Facebook open sources Lexical, an extensible text editor framework
What are some alternatives?
Monaco Editor - A browser based code editor
quill - Quill is a modern WYSIWYG editor built for compatibility and extensibility.
CodeMirror - In-browser code editor (version 5, legacy)
slate - A completely customizable framework for building rich text editors. (Currently in beta.)
TinyMCE - The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
react-quill - A Quill component for React.
PrismJS - Lightweight, robust, elegant syntax highlighting.
Editor.js - A block-style editor with clean JSON output
ckeditor-releases - Official distribution releases of CKEditor 4.
react-draft-wysiwyg - A Wysiwyg editor build on top of ReactJS and DraftJS. https://jpuri.github.io/react-draft-wysiwyg