direct-online/vito
2
0
Fork 0
mirror of https://github.com/vitodeploy/vito.git synced 2025-04-19 09:51:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix code editor

Browse Source
This commit is contained in:
Saeed Vaziry 2024-03-29 18:40:20 +01:00
parent 51e7325d3d
commit cca4ab7ae3
1 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -11,27 +11,31 @@
disabled: @js($disabled), disabled: @js($disabled),
lang: @js($lang), lang: @js($lang),
init() { init() {
let editor = null document.body.addEventListener('htmx:afterSettle', (event) => {
let theme = let editor = null
document.documentElement.className === 'dark' let theme =
? 'one-dark' document.documentElement.className === 'dark'
: 'github' ? 'one-dark'
editor = window.ace.edit(this.editorId, {}) : 'github'
let contentElement = document.getElementById(`text-${this.editorId}`) editor = window.ace.edit(this.editorId, {})
editor.setValue(contentElement.innerText, 1) let contentElement = document.getElementById(
if (this.disabled) { `text-${this.editorId}`,
editor.setReadOnly(true) )
} editor.setValue(contentElement.innerText, 1)
editor.getSession().setMode(`ace/mode/${this.lang}`) if (this.disabled) {
editor.setTheme(`ace/theme/${theme}`) editor.setReadOnly(true)
editor.setFontSize('15px') }
editor.setShowPrintMargin(false) editor.getSession().setMode(`ace/mode/${this.lang}`)
editor.on('change', () => {
contentElement.innerHTML = editor.getValue()
})
document.body.addEventListener('color-scheme-changed', (event) => {
theme = event.detail.theme === 'dark' ? 'one-dark' : 'github'
editor.setTheme(`ace/theme/${theme}`) editor.setTheme(`ace/theme/${theme}`)
editor.setFontSize('15px')
editor.setShowPrintMargin(false)
editor.on('change', () => {
contentElement.innerHTML = editor.getValue()
})
document.body.addEventListener('color-scheme-changed', (event) => {
theme = event.detail.theme === 'dark' ? 'one-dark' : 'github'
editor.setTheme(`ace/theme/${theme}`)
})
}) })
}, },
}" }"