webapp/bookstack
1
0
Fork 0
mirror of https://github.com/BookStackApp/BookStack.git synced 2025-07-31 15:24:31 +03:00
Code Activity

Made the "Custom HTML Head Content" setting a highlighted code editor

Browse Source
This commit is contained in:
Dan Brown
2022-05-17 17:39:31 +01:00
parent cb1c2db282
commit 4759fa1e1f
4 changed files with 40 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
resources/js/components/code-textarea.js Normal file
View File

@ -0,0 +1,16 @@
/**
* A simple component to render a code editor within the textarea
* this exists upon.
* @extends {Component}
*/
class CodeTextarea {
async setup() {
const mode = this.$opts.mode;
const Code = await window.importVersioned('code');
Code.inlineEditor(this.$el, mode);
}
}
export default CodeTextarea;

2
resources/js/components/index.js
View File

@ -9,6 +9,7 @@ import bookSort from "./book-sort.js"
import chapterToggle from "./chapter-toggle.js"
import codeEditor from "./code-editor.js"
import codeHighlighter from "./code-highlighter.js"
import codeTextarea from "./code-textarea.js"
import collapsible from "./collapsible.js"
import confirmDialog from "./confirm-dialog"
import customCheckbox from "./custom-checkbox.js"
@ -65,6 +66,7 @@ const componentMapping = {
"chapter-toggle": chapterToggle,
"code-editor": codeEditor,
"code-highlighter": codeHighlighter,
"code-textarea": codeTextarea,
"collapsible": collapsible,
"confirm-dialog": confirmDialog,
"custom-checkbox": customCheckbox,