fix code editor

This commit is contained in:
Saeed Vaziry 2024-03-29 18:40:20 +01:00
parent 51e7325d3d
commit cca4ab7ae3

View File

@ -11,13 +11,16 @@
disabled: @js($disabled), disabled: @js($disabled),
lang: @js($lang), lang: @js($lang),
init() { init() {
document.body.addEventListener('htmx:afterSettle', (event) => {
let editor = null let editor = null
let theme = let theme =
document.documentElement.className === 'dark' document.documentElement.className === 'dark'
? 'one-dark' ? 'one-dark'
: 'github' : 'github'
editor = window.ace.edit(this.editorId, {}) editor = window.ace.edit(this.editorId, {})
let contentElement = document.getElementById(`text-${this.editorId}`) let contentElement = document.getElementById(
`text-${this.editorId}`,
)
editor.setValue(contentElement.innerText, 1) editor.setValue(contentElement.innerText, 1)
if (this.disabled) { if (this.disabled) {
editor.setReadOnly(true) editor.setReadOnly(true)
@ -33,6 +36,7 @@
theme = event.detail.theme === 'dark' ? 'one-dark' : 'github' theme = event.detail.theme === 'dark' ? 'one-dark' : 'github'
editor.setTheme(`ace/theme/${theme}`) editor.setTheme(`ace/theme/${theme}`)
}) })
})
}, },
}" }"
> >