Add emmet functionality to html views
This commit is contained in:
@ -16,6 +16,14 @@ var editor = CodeMirror.fromTextArea(document.getElementById("codeEditor"), {
|
|||||||
onKeyEvent: doLinting
|
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
|
// Hijack tab key to insert two spaces instead
|
||||||
editor.setOption("extraKeys", {
|
editor.setOption("extraKeys", {
|
@ -18,6 +18,7 @@ block content
|
|||||||
script(src='/js/lib/codemirror/mode/xml/xml.js')
|
script(src='/js/lib/codemirror/mode/xml/xml.js')
|
||||||
script(src='/js/lib/codemirror/mode/css/css.js')
|
script(src='/js/lib/codemirror/mode/css/css.js')
|
||||||
script(src='/js/lib/codemirror/mode/htmlmixed/htmlmixed.js')
|
script(src='/js/lib/codemirror/mode/htmlmixed/htmlmixed.js')
|
||||||
|
script(src='/js/lib/codemirror/addon/emmet/emmet.js')
|
||||||
.row.courseware-height
|
.row.courseware-height
|
||||||
.vertical-scroll
|
.vertical-scroll
|
||||||
.col-xs-12.col-sm-12.col-md-3.col-lg-3
|
.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
|
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
|
a.animated.fadeIn.btn.btn-lg.signup-btn.btn-block(href='/login') Sign in so you can save your progress
|
||||||
include ../partials/challenge-modals
|
include ../partials/challenge-modals
|
||||||
script(src="/js/lib/coursewares/coursewaresHCJQFramework_0.1.8.js")
|
script(src="/js/lib/coursewares/coursewaresHCJQFramework_0.1.9.js")
|
||||||
|
Reference in New Issue
Block a user