Grav CMS editor hack (change to a wysiwyg)

grav-cms-change-editor.js

// prepare editor resources
editor = {
  script: '<script src="https://uicdn.toast.com/editor/latest/toastui-editor-all.min.js"></script>',
  style: '<link rel="stylesheet" href="https://uicdn.toast.com/editor/latest/toastui-editor.min.css" />',
}

// inject editor source in grav webpage
body = document.querySelector('body')
body.insertAdjacentHTML('beforeend', editor.style)
body.insertAdjacentHTML('beforeend', editor.script)

// disable old grav-editor
grav = {}
grav.editor = document.querySelector('div.grav-editor')

grav.textarea = document.querySelector('textarea.code-mirrored')
grav.textarea.style.display = 'block'
grav.textarea.classList.remove('code-mirrored')

grav.editor.querySelector('div.grav-editor-toolbar').style.display = 'none'
grav.editor.querySelector('div.CodeMirror').style.display = 'none'


// configure editor
editor = new toastui.Editor({
  el: grav.textarea,
  height: '500px',
  initialValue: grav.editor.value,
  initialEditType: 'wysiwyg'
})

// editor.getMarkdown()

console.log('loaded!')


console.log(document.querySelectorAll('script'))