feat: also use createRandomID helper in editor

This commit is contained in:
Dominik Pschenitschni 2021-10-11 18:28:41 +02:00
parent fd77aaa123
commit 18d7ca0820
No known key found for this signature in database
GPG key ID: B257AC0149F43A77

View file

@ -53,6 +53,7 @@ import {createEasyMDEConfig} from './editorConfig'
import AttachmentModel from '../../models/attachment' import AttachmentModel from '../../models/attachment'
import AttachmentService from '../../services/attachment' import AttachmentService from '../../services/attachment'
import {findCheckboxesInText} from '../../helpers/checklistFromText' import {findCheckboxesInText} from '../../helpers/checklistFromText'
import {createRandomID} from '@/helpers/randomId'
export default { export default {
name: 'editor', name: 'editor',
@ -122,6 +123,7 @@ export default {
uploadImage: this.uploadEnabled, uploadImage: this.uploadEnabled,
imageUploadFunction: this.uploadCallback, imageUploadFunction: this.uploadCallback,
}), }),
checkboxId: createRandomID(),
} }
}, },
watch: { watch: {
@ -208,7 +210,7 @@ export default {
} }
checkboxNum++ checkboxNum++
return `<input type="checkbox" data-checkbox-num="${checkboxNum}" ${checked} class="text-checkbox-${this._uid}"/>` return `<input type="checkbox" data-checkbox-num="${checkboxNum}" ${checked} class="text-checkbox-${this.checkboxId}"/>`
}, },
link: (href, title, text) => { link: (href, title, text) => {
const isLocal = href.startsWith(`${location.protocol}//${location.hostname}`) const isLocal = href.startsWith(`${location.protocol}//${location.hostname}`)
@ -260,7 +262,7 @@ export default {
} }
} }
const textCheckbox = document.getElementsByClassName(`text-checkbox-${this._uid}`) const textCheckbox = document.getElementsByClassName(`text-checkbox-${this.checkboxId}`)
if (textCheckbox) { if (textCheckbox) {
for (const check of textCheckbox) { for (const check of textCheckbox) {
check.removeEventListener('change', this.handleCheckboxClick) check.removeEventListener('change', this.handleCheckboxClick)