[정보] VS Code를 웹에서 사용할 수 있는 오픈 소스 Web Editor
2017.11.16 11:47
[정보] VS Code를 웹에서 사용할 수 있는 오픈 소스 Web Editor
프로젝트에 붙일 때 보는 샘플 코드
https://github.com/Microsoft/monaco-editor-samples
https://github.com/Microsoft/monaco-editor-samples
VS Code가 Atom 에디터와 같은 Node.js의 Electron 기반이라
내부가 웹 소스로 구현되어 있는데 이를 웹에서도 사용할 수 있게 오픈소스화했다는군요.
About 링크가서 쳐보세요.
IE9도 지원하네요.
[ ▼ 참고 Source ]
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
|
<!DOCTYPE html> < html > < head > < meta http-equiv = "X-UA-Compatible" content = "IE=edge" /> < meta http-equiv = "Content-Type" content = "text/html;charset=utf-8" > </ head > < body > < h2 >Monaco Editor Sample</ h2 > < div id = "container" style = "width:800px;height:600px;border:1px solid grey" ></ div > < script src = "../node_modules/monaco-editor/min/vs/loader.js" ></ script > < script > require.config({ paths: { 'vs': '../node_modules/monaco-editor/min/vs' }}); require(['vs/editor/editor.main'], function() { var editor = monaco.editor.create(document.getElementById('container'), { value: [ 'function x() {', '\tconsole.log("Hello world!");', '}' ].join('\n'), language: 'javascript' }); }); </ script > </ body > </ html > |
[출처] https://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=80898
본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.