open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Edit style: use 'sublime' keymap, add custom keys

Browse Source 
F3, Shift-F3, Ctrl-H - find/find previous/replace
Ctrl-G: go to line dialog
Alt-PgDn: next code section
Alt-PgUp: previous code section
...and many more.
This commit is contained in:
9adefaf01e5bf6426d838cd20eae582d2b6ba647 2015-03-05 09:39:09 +03:00
parent 1c7eaa6903
commit 20123760ac
3 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
_locales/en/messages.json
View File

@ -92,6 +92,10 @@
"message": "Disable", "message": "Disable",
"description": "Label for the button to disable a style" "description": "Label for the button to disable a style"
}, },
"editGotoLine": {
"message": "Goto line (or line:col)",
"description": "Go to line or line:column on Ctrl-G in style code editor"
},
"editStyleHeading": { "editStyleHeading": {
"message": "Edit Style", "message": "Edit Style",
"description": "Title of the page for editing styles" "description": "Title of the page for editing styles"

2
edit.html
View File

@ -29,6 +29,8 @@
<script src="codemirror/addon/hint/show-hint.js"></script> <script src="codemirror/addon/hint/show-hint.js"></script>
<script src="codemirror/addon/hint/css-hint.js"></script> <script src="codemirror/addon/hint/css-hint.js"></script>
<script src="codemirror/keymap/sublime.js"></script>
<style type="text/css"> <style type="text/css">
body { body {

18
edit.js
View File

@ -25,8 +25,26 @@ function setupCodeMirror(textarea) {
matchBrackets: true, matchBrackets: true,
lint: CodeMirror.lint.css, lint: CodeMirror.lint.css,
smartIndent: prefs.getPref("smart-indent"), smartIndent: prefs.getPref("smart-indent"),
keyMap: "sublime",
extraKeys: {"Ctrl-Space": "autocomplete"} extraKeys: {"Ctrl-Space": "autocomplete"}
}); });
cm.addKeyMap({
"Ctrl-G": function(cm) {
var cur = cm.getCursor();
cm.openDialog(t('editGotoLine') + ': <input type="text" style="width: 5em"/>', function(str) {
var m = str.match(/^\s*(\d+)(?:\s*:\s*(\d+))?\s*$/);
if (m) {
cm.setCursor(m[1] - 1, m[2] ? m[2] - 1 : cur.ch);
}
}, {value: cur.line+1});
},
"Alt-PageDown": function(cm) {
editors[(editors.indexOf(cm) + 1) % editors.length].focus();
},
"Alt-PageUp": function(cm) {
editors[(editors.indexOf(cm) - 1 + editors.length) % editors.length].focus();
}
});
cm.lastChange = cm.changeGeneration(); cm.lastChange = cm.changeGeneration();
cm.on("change", indicateCodeChange); cm.on("change", indicateCodeChange);
editors.push(cm); editors.push(cm);