[정보] 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
본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
