scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2025-10-10 05:46:47 +08:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #4673 from artoscinote/ma_SCI_7238

Browse source 
Make overflowing tables in TinyMCE scrollable [SCI-7238]
This commit is contained in:
artoscinote 2022-12-02 16:24:45 +01:00 • committed by GitHub
commit 6f60a7cd4f
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
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() { inEditMode() {
if (this.inEditMode) { if (this.inEditMode) {
this.initTinymce(); this.initTinymce();
} else {
this.wrapTables();
} }
}, },
characterCount() { characterCount() {
@ -113,6 +115,8 @@
mounted() { mounted() {
if (this.inEditMode) { if (this.inEditMode) {
this.initTinymce(); this.initTinymce();
} else {
this.wrapTables();
} }
}, },
methods: { methods: {
@ -130,7 +134,7 @@
if (data) { if (data) {
this.$emit('update', data) this.$emit('update', data)
} }
this.$emit('editingDisabled') this.$emit('editingDisabled');
}).then(() => { }).then(() => {
this.active = true; this.active = true;
this.initCharacterCount(); this.initCharacterCount();
@ -140,6 +144,9 @@
getStaticUrl(name) { getStaticUrl(name) {
return $(`meta[name=\'${name}\']`).attr('content'); return $(`meta[name=\'${name}\']`).attr('content');
}, },
wrapTables() {
$(this.$el).find('.tinymce-view table').wrapAll('<div style="overflow: auto"></div>');
},
initCharacterCount() { initCharacterCount() {
if (!this.editorInstance()) return; if (!this.editorInstance()) return;