Microsoft open source browser-based code editor

Microsoft open source browser-based code editor

2022-09-05 0 1,132
Resource Number 38074 Last Updated 2025-02-24
¥ 0USD Upgrade VIP
Download Now Matters needing attention
Can't download? Please contact customer service to submit a link error!
Value-added Service: Installation Guide Environment Configuration Secondary Development Template Modification Source Code Installation

This issue recommends an open source browser-based code editor, monaco-editor.

Microsoft open source browser-based code editor插图

Monaco Editor is a browser-side code editor that supports C, Java, TypeScript, JavaScript and other programming languages, and can be used as a source code editor embedded in Web applications. Monaco supports basic syntax coloring and a difference editor.

Microsoft open source browser-based code editor插图1

Microsoft open source browser-based code editor插图2

Installation use

git clone  https://github.com/microsoft/monaco-editor.git
cd samples
npm install .
npm run simpleserver

Access localhost:8888 after successful installation.

Microsoft open source browser-based code editor插图3

Monaco function

  • Keyboard navigation

The Monaco editor provides an exhaustive list of commands in the command panel (F1 or Alt+F1 on Internet Explorer), so the editor can be used without the use of a mouse, and the command panel can also be invoked from the editor’s context menu.

Microsoft open source browser-based code editor插图4

  • High contrast

In the Edge browser, the editor will automatically adjust the high contrast theme and color selected in Windows:

Microsoft open source browser-based code editor插图5

Use the “Switch High Contrast theme” feature in the command panel for other browsers:

Microsoft open source browser-based code editor插图6

  • TAB capture

By default, pressing Tab in the editable editor inserts the Tab character (or space, depending on the indent setting) and does not navigate to the next focused element on the page. Toggle Tab capture using Ctrl+M on Windows and Linux and Ctrl+Shift+M on OSX, with the subsequent Tab key moving the focus out of the editor.

  • Auxiliary function Help

Press Alt+F1 or Ctrl+F1 in your browser to trigger the “Show Accessibility Help” dialog box in the editor to find the current position in the editor and check the status of various accessibility options.

Microsoft open source browser-based code editor插图7

You can read more on your own.

资源下载此资源为免费资源立即下载
Telegram:@John_Software

Disclaimer: This article is published by a third party and represents the views of the author only and has nothing to do with this website. This site does not make any guarantee or commitment to the authenticity, completeness and timeliness of this article and all or part of its content, please readers for reference only, and please verify the relevant content. The publication or republication of articles by this website for the purpose of conveying more information does not mean that it endorses its views or confirms its description, nor does it mean that this website is responsible for its authenticity.

Ictcoder Free source code Microsoft open source browser-based code editor https://ictcoder.com/kyym/microsoft-open-source-browser-based-code-editor.html

Share free open-source source code

Q&A
  • 1, automatic: after taking the photo, click the (download) link to download; 2. Manual: After taking the photo, contact the seller to issue it or contact the official to find the developer to ship.
View details
  • 1, the default transaction cycle of the source code: manual delivery of goods for 1-3 days, and the user payment amount will enter the platform guarantee until the completion of the transaction or 3-7 days can be issued, in case of disputes indefinitely extend the collection amount until the dispute is resolved or refunded!
View details
  • 1. Heptalon will permanently archive the process of trading between the two parties and the snapshots of the traded goods to ensure that the transaction is true, effective and safe! 2, Seven PAWS can not guarantee such as "permanent package update", "permanent technical support" and other similar transactions after the merchant commitment, please identify the buyer; 3, in the source code at the same time there is a website demonstration and picture demonstration, and the site is inconsistent with the diagram, the default according to the diagram as the dispute evaluation basis (except for special statements or agreement); 4, in the absence of "no legitimate basis for refund", the commodity written "once sold, no support for refund" and other similar statements, shall be deemed invalid; 5, before the shooting, the transaction content agreed by the two parties on QQ can also be the basis for dispute judgment (agreement and description of the conflict, the agreement shall prevail); 6, because the chat record can be used as the basis for dispute judgment, so when the two sides contact, only communicate with the other party on the QQ and mobile phone number left on the systemhere, in case the other party does not recognize self-commitment. 7, although the probability of disputes is very small, but be sure to retain such important information as chat records, mobile phone messages, etc., in case of disputes, it is convenient for seven PAWS to intervene in rapid processing.
View details
  • 1. As a third-party intermediary platform, Qichou protects the security of the transaction and the rights and interests of both buyers and sellers according to the transaction contract (commodity description, content agreed before the transaction); 2, non-platform online trading projects, any consequences have nothing to do with mutual site; No matter the seller for any reason to require offline transactions, please contact the management report.
View details

Related Article

make a comment
No comments available at the moment
Official customer service team

To solve your worries - 24 hours online professional service