ace
Editor.js
Our great sponsors
ace | Editor.js | |
---|---|---|
34 | 38 | |
26,385 | 26,667 | |
0.4% | 2.4% | |
9.4 | 8.0 | |
1 day ago | 7 days ago | |
JavaScript | TypeScript | |
GNU General Public License v3.0 or later | Apache License 2.0 |
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
-
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.
Editor.js
-
How I optimized Carousel for EditorJS 2x in size.
I am supporting a project where lawyers, advisors can publish articles or news, to get more attention and clients. Initially it was made through TinyMCE, but they wanted not just HTML, but also a way of showing many pictures with interactions. I was seeking UI editor like Medium, and I guess best what I found was EditorJS and during checking its Awesome List there were several carousel plugins and I stopped on this.
-
Introducing EmailBuilder.js - a free and open source block-based email template builder
We call it EmailBuilder.js – a powerful block-based email builder that takes the best parts of other open source libraries like Editor.js and email component libraries and puts them into an easy to use no-code builder.
-
Show HN: I made an app that consolidated 18 apps (doc, sheet, form, site, chat)
I tried the "Doc", "Sheet" and "Slide" feature and each of them are incomplete and lacks most of the popular features. It would be better if the author uses existing solutions instead of implement them from ground up.
editor.js [0] for documents and Grist [1] for spreadsheet are some good examples.
[0]: https://editorjs.io/
-
5 Github Repositories To Master Next.js 😎
Editorjs [https://editorjs.io/]
-
Ask HN: What is your favorite FOSS WYSIWYG editor?
Use Gutenberg or a block editor like this (https://github.com/codex-team/editor.js) for a CMS. The WYSIWYG days are over.
- Editor.js: Free block-style editor with a universal JSON output
- Launch HN: Twenty.com (YC S23) – open-source CRM
-
editor.js integration?
Has anyone had any luck adding editor.js to your app? I've got a plain rails/stimulus/turbo/activeStorage app which needs a dynamic page builder and editor.js looks like it has promise. However it's a pretty specialized workflow and Im not sure if it jives well with the plain Rails ecosystem.
-
WYSIWYG is a Pain
try this: https://editorjs.io/ might come handy, it's a very nice library and it's well maintained.
- Editor.js: Block-style editor with universal JSON output
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)
notion-clone - Notion clone
TinyMCE - The world's #1 JavaScript library for rich text editing. Available for React, Vue and Angular
tiptap - The headless rich text editor framework for web artisans.
Draft.js - A React framework for building text editors.
PrismJS - Lightweight, robust, elegant syntax highlighting.
slate - A completely customizable framework for building rich text editors. (Currently in beta.)
ProseMirror - The ProseMirror WYSIWYM editor