document.addEventListener('DOMContentLoaded', () => {
    // Make page content editable
    document.querySelectorAll('.pf').forEach(page => {
        page.setAttribute('contenteditable', 'true')
    })

    document.querySelectorAll('#page-container img').forEach(image => {
        image.addEventListener('click', () => {
            const selection = getSelection()
            selection.removeAllRanges()
            const range = document.createRange()
            range.selectNode(image)
            selection.addRange(range)
            console.log('selected?')
        })
    })
})