TinyMCE VS ace

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/

A snippet manager must not only provide organization of snippets but also have a good code editor. That's why under the hood of massCode there's Ace. Ace is a high performance code editor which supports syntax highlighting for over 170 languages. We also added a Prettier to code formatter.

{ "name": "myCoolApps", "version": "0.1.0", "private": true, "devDependencies": { "css-loader": "^0.26.1", "react-scripts": "0.7.0", "webpack": "^1.13.3" }, "dependencies": { "ace": "git+https://github.com/ajaxorg/ace.git#master", "antd": "^2.7.2", "axios": "^0.15.3", "card": "^2.2.1", "card-react": "^1.2.6", "chat-template": "0.0.22", "codemirror": "^5.25.0", "credit-card-type": "^5.0.1", "css-loader": "^0.26.1", "d3": "^4.7.4", "firechat": "^3.0.1", "firepad": "^1.4.0", "flux": "^3.1.0", "gulp": "^3.9.1", "gulp-sass": "^3.1.0", "history": "^1.17.0", "little-loader": "^0.2.0", "lodash": "^4.17.4", "material-ui": "^0.16.6", "moment": "^2.17.1", "node-sass": "^4.5.0", "quill": "^1.2.3", "rc-calendar": "^7.6.5", "react": "^15.5.4", "react-autosuggest": "^7.0.1", "react-cookie": "^1.0.4", "react-credit-card": "^0.20.0", "react-dom": "^15.5.4", "react-dropzone": "^3.8.0", "react-event-timeline": "^1.2.2", "react-infinite": "^0.10.0", "react-infinite-scroller": "^1.0.7", "react-list": "^0.8.3", "react-notification-system": "^0.2.12", "react-router": "^3.0.0", "react-tap-event-plugin": "^2.0.1", "seedrandom": "^2.4.2", "simplewebrtc": "^2.2.2", "style-loader": "^0.13.1", "superagent": "^3.3.1", "y-array": "^10.0.6", "y-indexeddb": "^8.1.9", "y-leveldb": "0.0.1", "y-map": "^10.0.5", "y-memory": "^8.0.8", "y-richtext": "^9.0.8", "y-text": "^9.3.2", "y-webrtc": "^8.0.7", "y-websockets-client": "^8.0.15", "yjs": "^12.1.7" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test --env=jsdom", "eject": "react-scripts eject" }} Actually yea I think it uses react-script. Is there anything I can do to alter that?

I'm trying to use the Ace editor in my Ruby on Rails app, with majority of the view composed as React components. I'm using the react-rails gem and I'm not using flux at all.

I'm a data analyst, and my company uses an analytics platform called Mode, which is entirely browser-based. The Mode SQL editor does syntax highlighting, code formatting and has as-you-type suggestions/auto-complete. I recently learnerd that Mode's SQL editor is an embeddable code editor called Ace that is written in JS.

AceJS is quite popular: https://ace.c9.io/

https://ace.c9.io/ I think they have a GitHub page too.

Here is link number 1 - Previous text "Ace"

One way to do it is to use an iFrame as a text input, ideally with some sort of in-browser IDE tool like codemirror or Ace.

You can use https://ace.c9.io/ (or https://www.npmjs.com/package/react-ace if you are using react) to write the code.