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

Tinymce descripiton bugs fixes [SCI-11824]

Browse source
This commit is contained in:
Anton 2025-05-29 14:42:27 +02:00
parent 067849e3d3
commit cce3006e02
2 changed files with 16 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
app/javascript/vue/shared/external_tinymce_plugins.js Normal file
View file

21
app/javascript/vue/shared/tinymce_editor.vue
View file

@ -36,6 +36,8 @@ import 'tinymce/plugins/help/js/i18n/keynav/en';
import 'tinymce/plugins/quickbars';
import 'tinymce/plugins/directionality';
import './external_tinymce_plugins.js'; // Load external plugins
// Content styles, including inline UI like fake cursors
// All the above CSS files are loaded on to the page but these two must
// be loaded into the editor iframe so they are loaded as strings and passed
@ -68,8 +70,7 @@ export default {
default: () => `
table autoresize link advlist codesample code autolink lists
charmap anchor searchreplace wordcount visualblocks visualchars
insertdatetime nonbreaking save directionality help quickbars
`
insertdatetime nonbreaking save directionality help quickbars`
},
menubar: {
default: 'file edit view insert format'
@ -86,13 +87,13 @@ export default {
mounted() {
tinyMCE.init({
selector: `#${this.textareaId}`,
plugins: this.plugins,
plugins: `${this.plugins} ${window.extraTinyMcePlugins || ''}`,
menubar: this.menubar,
skin: false,
content_css: false,
content_style: contentStyle,
convert_urls: false,
toolbar: this.toolbar,
toolbar: window.customLightTinyMceToolbar || this.toolbar,
contextmenu: '',
promotion: false,
menu: {
@ -185,7 +186,13 @@ export default {
editor.setContent(this.modelValue);
});
editor.on('change', () => {
this.$emit('update:modelValue', editor.getContent());
let content = editor.getContent();
// Remove images
content = content.replace(/<img[^>]*>/g, '');
editor.setContent(content);
this.$emit('update:modelValue', content);
});
}
});
@ -202,6 +209,7 @@ export default {
editorIframe.contents().find('head').append(`<style type="text/css">
img::-moz-selection{background:0 0}
img::selection{background:0 0}
.mce-content-body img[data-mce-selected]{outline:2px solid ${primaryColor}}
.mce-content-body div.mce-resizehandle{background:transparent;border-color:transparent;box-sizing:border-box;height:10px;width:10px; position:absolute}
.mce-content-body div.mce-resizehandle:hover{background:transparent}
@ -212,6 +220,9 @@ export default {
h1 {font-size: 24px !important }
h2 {font-size: 18px !important }
h3 {font-size: 16px !important }
#tinymce {
overflow-y: auto !important;
}
</style>`);
editorIframe.contents().find('head').append($('#font-css-pack').clone());
}