Add emmet functionality to html views

This commit is contained in:
terakilobyte
2015-06-06 20:10:47 -04:00
parent b210d7226c
commit e5a8c27e07
2 changed files with 10 additions and 1 deletions

View File

@ -16,6 +16,14 @@ var editor = CodeMirror.fromTextArea(document.getElementById("codeEditor"), {
onKeyEvent: doLinting
});
var defaultKeymap = {
'Cmd-E': 'emmet.expand_abbreviation',
'Tab': 'emmet.expand_abbreviation_with_tab',
'Enter': 'emmet.insert_formatted_line_break_only'
};
emmetCodeMirror(editor, defaultKeymap);
// Hijack tab key to insert two spaces instead
editor.setOption("extraKeys", {

View File

@ -18,6 +18,7 @@ block content
script(src='/js/lib/codemirror/mode/xml/xml.js')
script(src='/js/lib/codemirror/mode/css/css.js')
script(src='/js/lib/codemirror/mode/htmlmixed/htmlmixed.js')
script(src='/js/lib/codemirror/addon/emmet/emmet.js')
.row.courseware-height
.vertical-scroll
.col-xs-12.col-sm-12.col-md-3.col-lg-3
@ -94,4 +95,4 @@ block content
span.completion-icon.ion-checkmark-circled.text-primary
a.animated.fadeIn.btn.btn-lg.signup-btn.btn-block(href='/login') Sign in so you can save your progress
include ../partials/challenge-modals
script(src="/js/lib/coursewares/coursewaresHCJQFramework_0.1.8.js")
script(src="/js/lib/coursewares/coursewaresHCJQFramework_0.1.9.js")