코드미러 (Codemirror) - 기술 - 오픈위키

추적

문서의 이전 판을 선택했습니다! 저장하면 이 자료로 새 판을 만듭니다.

====== Codemirror ======
CodeMirror는 각종 컴퓨터 프로그램 코드를 웹상에서 쾌적한 환경으로 편집할 수 있도록 구축하는데 도움주는 자바스크립트 라이브러리이다. 전문 코드 편집기에 상응하는 문법 강조 및 코드 편집기능들을 제공한다. 특히 다중 편집 모드를 지원하여 HTML + CSS + JavaScript 또는 HTML + PHP처럼 여러 언어를 복합적으로 편집할 때에도 문법을 강조할 수 있다. 사용할 수 있는 언어로는 JavaScript, XML/HTML, CSS, SPARQL, PHP, Python, Lua, Ruby, SQL 이 있으며, 크로스-브라우저를 지원한다. 구글의 API 놀이터와 어스 KML 셈플러, 파이어버그 플러그인인 FireRainbow 등에서 CodeMirror를 이용한 편집기를 제공하거나 문법 강조기능을 활용하고 있다. 보다 자세한 사용법은 API 문서를 참조하라.

* http://codemirror.net/

도쿠위키 편집시에도 사용할 수 있도록 해주는 플러긴이 있다.  다른 위지윅  플러긴 보다 완성도가 높다.

* https://dokuwiki.org/plugin:codemirror
=====단축키=====

|selectAll|Ctrl-A (PC), Cmd-A (Mac)| Select the whole content of the editor.|
|singleSelection|Esc|When multiple selections are present, this deselects all but the primary selection.|
|killLine|Ctrl-K (Mac)|Emacs-style line killing. Deletes the part of the line after the cursor. If that consists only of whitespace, the newline at the end of the line is also deleted.|
|deleteLine|Ctrl-D (PC), Cmd-D (Mac)|Deletes the whole line under the cursor, including newline at the end.|
|delLine|Left|Delete the part of the line before the cursor.|
|delWrappedLineLeft|Cmd-Backspace (Mac)|Delete the part of the line from the left side of the visual line the cursor is on to the cursor.|
|delWrappedLineRight|Cmd-Delete (Mac)|Delete the part of the line from the cursor to the right side of the visual line the cursor is on.|
|undo|Ctrl-Z (PC), Cmd-Z (Mac)|Undo the last change.|
|redo|Ctrl-Y (PC), Shift-Cmd-Z (Mac), Cmd-Y (Mac)|Redo the last undone change.|
|undoSelection|Ctrl-U (PC), Cmd-U (Mac)|Undo the last change to the selection, or if there are no selection-only changes at the top of the history, undo the last change.|
|redoSelection|Alt-U (PC), Shift-Cmd-U (Mac)|Redo the last change to the selection, or the last text change if no selection changes remain.|
|goDocStart|Ctrl-Up (PC), Cmd-Up (Mac), Cmd-Home (Mac)|Move the cursor to the start of the document.|
|goDocEnd|Ctrl-Down (PC), Cmd-End (Mac), Cmd-Down (Mac)|Move the cursor to the end of the document.|
|goLineStart|Alt-Left (PC), Ctrl-A (Mac)|Move the cursor to the start of the line.|
|goLineStartSmart|Home|Move to the start of the text on the line, or if we are already there, to the actual start of the line (including whitespace).|
|goLineEnd|Alt-Right (PC), Ctrl-E (Mac)|Move the cursor to the end of the line.|
|goLineRight|Cmd-Right (Mac)|Move the cursor to the right side of the visual line it is on.|
|goLineLeft|Cmd-Left (Mac)|Move the cursor to the left side of the visual line it is on. If this line is wrapped, that may not be the start of the line.|
|goLineLeftSmart|Move the cursor to the left side of the visual line it is on. If that takes it to the start of the line, behave like goLineStartSmart.|
|goLineUp|Up, Ctrl-P (Mac)|Move the cursor up one line.|
|goLineDown|Down, Ctrl-N (Mac)|Move down one line.|
|goPageUp|PageUp, Shift-Ctrl-V (Mac)|Move the cursor up one screen, and scroll up by the same distance.|
|goPageDown|PageDown, Ctrl-V (Mac)|Move the cursor down one screen, and scroll down by the same distance.|
|goCharLeft|Left, Ctrl-B (Mac)|Move the cursor one character left, going to the previous line when hitting the start of line.|
|goCharRight|Right, Ctrl-F (Mac)|Move the cursor one character right, going to the next line when hitting the end of line.|
|goColumn|Left|Move the cursor one character left, but don't cross line boundaries.|
|goColumn|Right|Move the cursor one character right, don't cross line boundaries.|
|goWordLeft|Alt-B (Mac)|Move the cursor to the start of the previous word.|
|goWordRight|Alt-F (Mac)|Move the cursor to the end of the next word.|
|goGroupLeft|Ctrl-Left (PC), Alt-Left (Mac)|Move to the left of the group before the cursor. A group is a stretch of word characters, a stretch of punctuation characters, a newline, or a stretch of more than one whitespace character.|
|goGroupRight|Ctrl-Right (PC), Alt-Right (Mac)|Move to the right of the group after the cursor (see above).|
|delCharBefore|Shift-Backspace, Ctrl-H (Mac)|Delete the character before the cursor.|
|delCharAfter|Delete, Ctrl-D (Mac)|Delete the character after the cursor.|
|delWordBefore|Alt-Backspace (Mac)|Delete up to the start of the word before the cursor.|
|delWordAfter|Alt-D (Mac)|Delete up to the end of the word after the cursor.|
|delGroupBefore|Ctrl-Backspace (PC), Alt-Backspace (Mac)|Delete to the left of the group before the cursor.|
|delGroupAfter|Ctrl-Delete (PC), Ctrl-Alt-Backspace (Mac), Alt-Delete (Mac)|Delete to the start of the group after the cursor.|
|indentAuto|Shift-Tab|Auto-indent the current line or selection.|
|indentMore|Ctrl-] (PC), Cmd-] (Mac)|Indent the current line or selection by one indent unit.|
|indentLess|Ctrl-[ (PC), Cmd-[ (Mac)|Dedent the current line or selection by one indent unit.|
|insertTab|Insert a tab character at the cursor.|
|insertSoftTab|Insert the amount of spaces that match the width a tab at the cursor position would have.|
|defaultTab|Tab|If something is selected, indent it by one indent unit. If nothing is selected, insert a tab character.|
|transposeChars|Ctrl-T (Mac)|Swap the characters before and after the cursor.|
|newlineAndIndent|Enter|Insert a newline and auto-indent the new line.|
|toggleOverwrite|Insert|Flip the overwrite flag.|
|save|Ctrl-S (PC), Cmd-S (Mac)|Not defined by the core library, only referred to in key maps. Intended to provide an easy way for user code to define a save command.|
|find|Ctrl-F (PC), Cmd-F (Mac)|
|findNext|Ctrl-G (PC), Cmd-G (Mac)|
|findPrev|Shift-Ctrl-G (PC), Shift-Cmd-G (Mac)|
|replace|Shift-Ctrl-F (PC), Cmd-Alt-F (Mac)|
|replaceAll|Shift-Ctrl-R (PC), Shift-Cmd-Alt-F (Mac)|Not defined by the core library, but defined in the search addon (or custom client addons).|

{{tag>codemirror 코드미러 단축키}}

2+1? 이 필드는 비어 있도록 유지하세요:

편집 요약

참고: 이 문서를 편집하면 내용은 다음 라이선스에 따라 배포하는 데 동의하는 것으로 간주합니다: CC Attribution-Noncommercial-Share Alike 4.0 International