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

Make overflowing tables in TinyMCE scrollable [SCI-7238]

Browse source
This commit is contained in:
Martin Artnik 2022-12-01 15:20:23 +01:00
parent 0788072df1
commit 13cf136ca4
1 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -85,6 +85,8 @@
inEditMode() {
if (this.inEditMode) {
this.initTinymce();
} else {
this.wrapTables();
}
},
characterCount() {
@ -113,6 +115,8 @@
mounted() {
if (this.inEditMode) {
this.initTinymce();
} else {
this.wrapTables();
}
},
methods: {
@ -130,7 +134,7 @@
if (data) {
this.$emit('update', data)
}
this.$emit('editingDisabled')
this.$emit('editingDisabled');
}).then(() => {
this.active = true;
this.initCharacterCount();
@ -140,6 +144,9 @@
getStaticUrl(name) {
return $(`meta[name=\'${name}\']`).attr('content');
},
wrapTables() {
$(this.$el).find('.tinymce-view table').wrapAll('<div style="overflow: auto"></div>');
},
initCharacterCount() {
if (!this.editorInstance()) return;