A chrome extension which helps change ace editor to monaco editor in web pages, supporting all features including autocompletes.

Overview

Monaco-It

Monaco-It is a chrome extension turning Ace Editor into Monaco Editor, supporting all features including autocompletes.

一些中文说明

Supported Languages

If enable language service (intellisense), keywords and token autocompletion will not registered.

  • html, css, javascript, typescript: monaco editor supports intellisense
  • c, c++: intellisense (need ccls), snippets, keywords
  • python: intellisense (need pyls), snippets, keywords
  • all languages: monaco editor supports hightlight and simple completion

How It Works

Monaco-It will find the ace editor div by class "ace-editor" in the page, then codes will be syncronized between monaco and ace.

Adding Language Support

  • create lang.js in languages, and provide these exports:
    • language: monaco.language.register
    • enableTokenCompletion: whether enable token completion for this language if not connected to language server
    • snippets
    • keywords If you only use intellisense, snippts and keywords can be emply arrays.
  • add "lang" to supportedLanguages in languageLoader.js

Intellisense (Language Server)

We provide a language server for monaco editor, which supports c++ and python experimentally: https://github.com/moeakwak/monaco-language-server

Limitation

It needs WebSocket to connect local language server and sync files, and may be blocked because of Conetent Script Policy.

Mostly, you can use SSL connection (wss:// instead of ws://) to solve this problem.

You might also like...

Customize your README.md file with ready-to-use sections in a simple way with the web editor

Customize your README.md file with ready-to-use sections in a simple way with the web editor

myreadme Customize your README.md file with ready-to-use sections in a simple way with the web editor Docker version Docker Hub docker run -p 7000:300

Jul 25, 2022

The next generation Javascript WYSIWYG HTML Editor.

The next generation Javascript WYSIWYG HTML Editor.

Froala Editor V3 Froala WYSIWYG HTML Editor is one of the most powerful JavaScript rich text editors ever. Slim - only add the plugins that you need (

Jan 1, 2023

Simple rich text editor (contentEditable) for jQuery UI

Hallo - contentEditable for jQuery UI Hallo is a very simple in-place rich text editor for web pages. It uses jQuery UI and the HTML5 contentEditable

Dec 17, 2022

A modern, simple and elegant WYSIWYG rich text editor.

jQuery-Notebook A simple, clean and elegant WYSIWYG rich text editor for web aplications Note: Check out the fully functional demo and examples here.

Dec 12, 2022

In-browser code editor

CodeMirror CodeMirror is a versatile text editor implemented in JavaScript for the browser. It is specialized for editing code, and comes with over 10

Dec 30, 2022

Quill is a modern WYSIWYG editor built for compatibility and extensibility.

Note: This branch and README covers the upcoming 2.0 release. View 1.x docs here. Quill Rich Text Editor Quickstart • Documentation • Development • Co

Jan 2, 2023

Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.

Medium.com WYSIWYG editor clone. Uses contenteditable API to implement a rich text solution.

If you would be interested in helping to maintain one of the most successful WYSIWYG text editors on github, let us know! (See issue #1503) MediumEdit

Jan 4, 2023

Tiny bootstrap-compatible WISWYG rich text editor

bootstrap-wysiwyg Important information for Github requests/issues Please do not submit issues/comments to this repo. Instead, submit it to https://gi

Jan 3, 2023
Releases(0.5.0)
Owner
null
Ace (Ajax.org Cloud9 Editor)

Ace (Ajax.org Cloud9 Editor) Note: The new site at http://ace.c9.io contains all the info below along with an embedding guide and all the other resour

Ajax.org B.V. 25.2k Jan 4, 2023
PackageInfo - chrome-extension which provides information about node packages, whenever you select the package name using mouse

PackageInfo chrome-extension which provides information about node packages, whenever you select the package name using mouse Whenever you surf throug

subrahmanya  s hegade 3 Feb 12, 2022
A simple, beautiful, and embeddable JavaScript Markdown editor. Delightful editing for beginners and experts alike. Features built-in autosaving and spell checking.

SimpleMDE - Markdown Editor A drop-in JavaScript textarea replacement for writing beautiful and understandable Markdown. The WYSIWYG-esque editor allo

Sparksuite 9.3k Jan 4, 2023
A editor with the main features created using Remirror and with a special code block

A editor with the main features created using Remirror and with a special code block

Brenda Profiro 26 Sep 20, 2022
The best enterprise-grade WYSIWYG editor. Fully customizable with countless features and plugins.

CKEditor 4 - Smart WYSIWYG HTML editor A highly configurable WYSIWYG HTML editor with hundreds of features, from creating rich text content with capti

CKEditor Ecosystem 5.7k Dec 27, 2022
A Neos CMS plugin which provides a button editor

I13e.ButtonEditor Button editor for Neos CMS This package provides a new inspector editor displaying it's options as buttons. Buttons operates like ch

Ideenstadtwerke 9 Jun 10, 2022
A markdown editor. http://lab.lepture.com/editor/

Editor A markdown editor you really want. Sponsors Editor is sponsored by Typlog. Overview Editor is not a WYSIWYG editor, it is a plain text markdown

Hsiaoming Yang 2.8k Dec 19, 2022
Override the rich text editor in Strapi admin with ToastUI Editor.

strapi-plugin-wysiwyg-tui-editor ⚠️ This is a strapi v4 plugin which does not support any earlier version! A Strapi plugin to replace the default rich

Zhuo Chen 12 Dec 23, 2022
A powerful WYSIWYG rich text web editor by pure javascript

KothingEditor A powerful WYSIWYG rich text web editor by pure javascript Demo : kothing.github.io/editor The KothingEditor is a lightweight, flexible,

Kothing 34 Dec 25, 2022
Typewriter is a simple, FOSS, Web-based text editor that aims to provide a simple and intuitive environment for you to write in.

Typewriter Typewriter is a simple, FOSS, Web-based text editor that aims to provide a simple and intuitive environment for you to write in. Features S

Isla 2 May 24, 2022