mirror/php-web-maker
1
0
Fork 0
mirror of https://github.com/chinchang/web-maker.git synced 2025-08-03 11:57:34 +02:00
Code Issues Releases Wiki Activity

add autocompletion for js,css,html. fixes #43

Browse Source
This commit is contained in:
Kushagra Gour
2017-01-23 03:17:22 +05:30
parent 4dd340425f
commit 0c055d4e55
3 changed files with 25 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/index.html
View File

@@ -4,6 +4,7 @@
<title>Web Maker</title>
<link rel="stylesheet" href="lib/codemirror/lib/codemirror.css">
<link rel="stylesheet" href="lib/codemirror/theme/monokai.css">
<link rel="stylesheet" href="lib/codemirror/addon/hint/show-hint.css">
<link rel="stylesheet" href="lib/codemirror/addon/fold/foldgutter.css">
<link rel="stylesheet" href="lib/hint.min.css">
<link rel="stylesheet" href="lib/inlet.css">
@@ -367,6 +368,11 @@
<script src="lib/codemirror/addon/fold/comment-fold.js"></script>
<script src="lib/codemirror/addon/fold/brace-fold.js"></script>
<script src="lib/codemirror/addon/mode/loadmode.js"></script>
<script src="lib/codemirror/addon/hint/show-hint.js"></script>
<script src="lib/codemirror/addon/hint/javascript-hint.js"></script>
<script src="lib/codemirror/addon/hint/xml-hint.js"></script>
<script src="lib/codemirror/addon/hint/html-hint.js"></script>
<script src="lib/codemirror/addon/hint/css-hint.js"></script>
<script src="lib/codemirror/mode/xml/xml.js"></script>
<script src="lib/codemirror/mode/javascript/javascript.js"></script>

4
src/script.js
View File

@@ -758,6 +758,10 @@ settingsBtn, onboardModal, notificationsBtn, onboardShowInTabOptionBtn, onboardD
scope.setPreviewContent();
}, updateDelay);
});
cm.on('inputRead', function onChange(cm, input) {
if (input.text[0] === ';') { return; }
CodeMirror.commands.autocomplete(cm, null, { completeSingle: false })
});
return cm;
}

17
src/style.css
View File

@@ -8,6 +8,7 @@
:root {
--color-bg: #252637;
--color-sidebar: #3A2B63;
--code-font-size: 16px;
}
body {
margin: 0;
@@ -191,7 +192,7 @@ select, input[type="text"], textarea {
.Codemirror {
width: 100%;
height: calc(100% - 25px); /* 25px for header */
font-size: 16px;
font-size: var(--code-font-size);
}
.layout-2 .is-minimized .Codemirror {
height: calc(100%);
@@ -215,7 +216,19 @@ select, input[type="text"], textarea {
.CodeMirror-gutter-wrapper:hover .CodeMirror-guttermarker-subtle {
/*visibility: visible;*/
}
.CodeMirror-hints {
font-size: var(--code-font-size);
border: 0;
background: #1e1e2c;
}
.CodeMirror-hint {
color: #bbb;
padding: 2px 4px;
}
li.CodeMirror-hint-active {
background: #5b429d;
/*color: white;*/
}
#demo-frame {
border: 0;
width: 100%;