github-mirror/BookStack
2
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-05-22 14:49:59 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Finished off main functionality of custom tinymce code editor

Browse Source
This commit is contained in:
Dan Brown
2017-07-01 13:23:46 +01:00
parent c8be214ee0
commit 968e7b8b72
10 changed files with 204 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
resources/views/components/code-editor.blade.php Normal file
View File

@ -0,0 +1,29 @@
<div id="code-editor">
<div class="overlay" ref="overlay" v-cloak @click="hide()">
<div class="popup-body" @click.stop>
<div class="popup-header primary-background">
<div class="popup-title">{{ trans('components.code_editor') }}</div>
<button class="popup-close neg corner-button button" @click="hide()">x</button>
</div>
<div class="padded">
<div class="form-group">
<label for="code-editor-language">{{ trans('components.code_language') }}</label>
<input @keypress.enter="save()" id="code-editor-language" type="text" @input="updateEditorMode(language)" v-model="language">
</div>
<div class="form-group">
<label for="code-editor-content">{{ trans('components.code_content') }}</label>
<textarea ref="editor" v-model="code"></textarea>
</div>
<div class="form-group">
<button type="button" class="button pos" @click="save()">{{ trans('components.code_save') }}</button>
</div>
</div>
</div>
</div>
</div>