{"repo":"vanillawc/wc-monaco-editor","free":true,"listed":false,"github":"https://github.com/vanillawc/wc-monaco-editor","clone":"git clone https://github.com/vanillawc/wc-monaco-editor.git","description":"A vanilla Monaco Editor web component","language":"JavaScript","stars":136,"topics":["web-components","vanilla","editor","monaco"],"license":"MIT","category":"ui-components","readme_excerpt":"<wc-monaco-editor> Easily Embed a Monaco Editor Installation Installation Import from NPM Import from CDN Demo Try it out here Usage Attributes - id - the editor id (default editor ) - src - load the source from an external file - language - set the source language - font-size - set the font size (default 14px ); - tab-size - set the tab size (in spaces) (default 2 ) - style - CSS styling (default height: 100%; width: 100%; ) - no-minimap - disables the source minimap when present - word-wrap - enables word wrapping when present - wrap-indent - set the indent ['none','same','indent','deepindent'] for word wrapped lines (default none ) Note: The ID attribute is required if there are multiple editors Properties - editor - the Monaco editor instance - src - get/set the src attribute from JS - value - get/set the editor's contents - tabSize - get/set the tab-index attribute from JS Basic Usage To edit plaintext Language Support Language support enables syntax highlighting, code completion, etc. External Source Load an external source file with the src attribute Advanced Configuration A config can be provided for advanced use cases that require the full spectrum of Monaco Editor options. config.json Note: See the [EditorOptions][] official documentation for all available options. [EditorOptions]: https://microsoft.github.io/monaco-editor/api/modules/monaco.editor.html#editoroptions Contributing See CONTRIBUTING.md","default_branch":null,"files":null,"tree":[],"storefront":"/r/vanillawc","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/vanillawc/wc-monaco-editor/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}