github-mirror/BookStack
github-mirror/BookStack
2
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-02-21 00:50:25 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Added quick lang-selection options to code editor

Browse Source
This commit is contained in:
Dan Brown 2017-07-01 15:50:28 +01:00
parent a94844b6b7
commit de6d8a811c
No known key found for this signature in database
GPG Key ID: 46D9F943C24A2EF9
3 changed files with 35 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
resources/assets/js/vues/code-editor.js
View File

@ -11,6 +11,10 @@ const methods = {
updateEditorMode(language) {
codeLib.setMode(this.editor, language);
},
updateLanguage(lang) {
this.language = lang;
this.updateEditorMode(lang);
},
open(code, language, callback) {
this.show();
this.updateEditorMode(language);

9
resources/assets/sass/_components.scss
View File

@ -470,4 +470,13 @@ body.flexbox-support #entity-selector-wrap .popup-body .form-group {
#code-editor .CodeMirror {
height: 400px;
}
#code-editor .lang-options {
max-width: 400px;
margin-bottom: $-s;
a {
margin-right: $-xs;
text-decoration: underline;
}
}

22
resources/views/components/code-editor.blade.php
View File

@ -10,6 +10,28 @@
<div class="padded">
<div class="form-group">
<label for="code-editor-language">{{ trans('components.code_language') }}</label>
<div class="lang-options">
<small>
<a @click="updateLanguage('CSS')">CSS</a>
<a @click="updateLanguage('C')">C</a>
<a @click="updateLanguage('C++')">C++</a>
<a @click="updateLanguage('C#')">C#</a>
<a @click="updateLanguage('Go')">Go</a>
<a @click="updateLanguage('HTML')">HTML</a>
<a @click="updateLanguage('Java')">Java</a>
<a @click="updateLanguage('JavaScript')">JavaScript</a>
<a @click="updateLanguage('JSON')">JSON</a>
<a @click="updateLanguage('PHP')">PHP</a>
<a @click="updateLanguage('MarkDown')">MarkDown</a>
<a @click="updateLanguage('Nginx')">Nginx</a>
<a @click="updateLanguage('Python')">Python</a>
<a @click="updateLanguage('Ruby')">Ruby</a>
<a @click="updateLanguage('shell')">Shell/Bash</a>
<a @click="updateLanguage('SQL')">SQL</a>
<a @click="updateLanguage('XML')">XML</a>
<a @click="updateLanguage('YAML')">YAML</a>
</small>
</div>
<input @keypress.enter="save()" id="code-editor-language" type="text" @input="updateEditorMode(language)" v-model="language">
</div>