scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2024-09-20 23:16:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix error handling for tinymce [SCI-7127]

Browse source
This commit is contained in:
Anton 2022-09-02 11:19:54 +02:00
parent 17d69131f3
commit 5f21c06b26
1 changed files with 13 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
app/javascript/vue/shared/tinymce.vue
View file

@ -88,17 +88,12 @@
}
},
characterCount() {
if(this.error) {
this.editorInstance.blurDisabled = true;
} else {
this.editorInstance.blurDisabled = false;
if (this.editorInstance()) {
this.editorInstance().blurDisabled = this.error != false ;
}
}
},
computed: {
editorInstance() {
return tinyMCE.editors[0];
},
error() {
if(this.characterLimit && this.characterCount > this.characterLimit) {
return(
@ -124,11 +119,13 @@
initTinymce(e) {
let textArea = `#${this.objectType}_textarea_${this.objectId}`;
if (this.active) return
if (e && $(e.target).hasClass('atwho-user-popover')) return
if (e && $(e.target).hasClass('record-info-link')) return
if (e && $(e.target).parent().hasClass('atwho-inserted')) return
TinyMCE.init(textArea, (data) => {
if (data) {
this.$emit('update', data)
}
@ -136,27 +133,29 @@
}).then(() => {
this.active = true;
this.initCharacterCount();
this.$emit('editingEnabled');
});
this.$emit('editingEnabled')
},
getStaticUrl(name) {
return $(`meta[name=\'${name}\']`).attr('content');
},
initCharacterCount() {
if (!this.editorInstance) return;
if (!this.editorInstance()) return;
this.characterCount = $(this.editorInstance.getContent()).text().length
this.editorInstance.on('input change paste keydown', (e) => {
this.characterCount = $(this.editorInstance().getContent()).text().length;
this.editorInstance().on('input change paste keydown', (e) => {
e.currentTarget && (this.characterCount = (e.currentTarget).innerText.length);
});
this.editorInstance.on('remove', () => this.active = false)
this.editorInstance().on('remove', () => this.active = false);
// clear error on cancel
$(this.editorInstance.container).find('.tinymce-cancel-button').on('click', ()=> {
$(this.editorInstance().container).find('.tinymce-cancel-button').on('click', ()=> {
this.characterCount = 0;
});
},
editorInstance() {
return tinyMCE.editors[0];
}
}
}