TinyMCE VS CodeMirror

i use this for textarea, it has all possible tools uncluding drag and drop files ... https://www.tiny.cloud/ Tiny MCE

TinyMCE is a web-based Javascript WYSIWYG editor that is platform-independent and was released as open source under LGPL.

On top of being able to view my blog posts in TinyMCE, you can also edit, create and save .whtml files representing these WYSYWIG documents. If you want to edit the file in a more code/text friendly format, I also have added Monaco Editor, which I consider almost like a mix between VS Code and Notepad. Monaco has language detection, line information & Prettier formatting options.

Text Editor: Quill and TinyMCE

Many of the available editors, like TinyMCE, work really well and are great for most projects. However, you might find one or the other editor a bit overloaded, too complicated or you just want to program your own WYSIWYG editor.

If all you need is paragraphs, links, italics, and bold, and you don't mind making the user type these tags themselves, you can technically accomplish this without a WYSIWYG: use a tag (text_area is the form helper), then simple_format() the output.

But obviously that kind of sucks. For your use case, Trix is fine, right out of the box.

My go-to WYSIWYG is TinyMCE: https://www.tiny.cloud/. It's very powerful and almost infinitely configurable.

More about it here: https://www.tiny.cloud

There's quite a few. I use TinyMCE : https://www.tiny.cloud/

syntax highlighting is simple with https://codemirror.net/

Can CodeMirror 2 be used to highlight code from a DIV or PRE tag (without the editor)?

Official website of Codemirror.

CodeMirror [MIT] https://codemirror.net/

There sure is, take a look at Code Mirror

Codemirror is open source, so you can look at, clone and experiment with its actual code as much as you like to figure out how it works.

Developed using the LAMP stack mainly because I'm more of a back-end (PHP) dev, and for various other reasons, like affordable web servers. The front-end is vanilla JavaScript (AJAX for dynamic stuff). I also use CodeMirror to provide the visual-code editor for programmers.

The project is built with itself, and uses some of the popular frontend libraries like codemirror and terser.To build a tilepieces application, read the instructions.

Tilepieces is a software that allows you to create applications for editing HTML documents, using some of the popular interfaces of the browser developer tools (with which it is possible to integrate css edits). Tilepieces also allows you to reuse your favorite code and libraries, and exposes APIs that are useful for editing multiple files at a time. You can start using tilepieces with its progressive web application version! Why Tilepieces? Tilepieces has everything you need to manage and design the layout of all your web projects, be they newsletters, banners, websites or web applications. Any library and framework can be reused using its component data structure, similar to NPM's package.json. These data structures can be populated by the application itself. Its API and the possibility of customization make it perfect as the basis of a CMS How Tilepieces works The project is built with itself, and uses some of the popular frontend libraries like codemirror and terser. To build a tilepieces application, read the instructions. How to use Tilepieces You can start use tilepieces immediately with its progressive web application version. If you like Node.js, there is an npm package for you that will launch the application in your favourite browser.

I think that Codemirror 5 is a nice example, version 6 is somewhat hard to follow, there are way too many modules and it's hard to understand.