mirror of
https://github.com/scinote-eln/scinote-web.git
synced 2024-09-25 01:16:31 +08:00
Merge pull request #4450 from aignatov-bio/ai-sci-7190-add-help-and-quick-toolbar-plugins
Add help and quick toolbar plugin to tinymce [SCI-7190]
This commit is contained in:
commit
15abfb0fc9
|
@ -201,6 +201,10 @@
|
||||||
background: $brand-primary !important;
|
background: $brand-primary !important;
|
||||||
top: -10px;
|
top: -10px;
|
||||||
|
|
||||||
|
button {
|
||||||
|
color: $color-white;
|
||||||
|
}
|
||||||
|
|
||||||
.tox-icon svg {
|
.tox-icon svg {
|
||||||
fill: $color-white;
|
fill: $color-white;
|
||||||
}
|
}
|
||||||
|
@ -224,4 +228,12 @@
|
||||||
z-index: 2 !important;
|
z-index: 2 !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tox-dialog-wrap {
|
||||||
|
.tox-dialog__body-nav {
|
||||||
|
.tox-dialog__body-nav-item:nth-child(3) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// scss-lint:enable ImportantRule SelectorDepth
|
// scss-lint:enable ImportantRule SelectorDepth
|
||||||
|
|
12
app/javascript/packs/tiny_mce.js
vendored
12
app/javascript/packs/tiny_mce.js
vendored
|
@ -22,6 +22,8 @@ import 'tinymce/plugins/visualchars';
|
||||||
import 'tinymce/plugins/insertdatetime';
|
import 'tinymce/plugins/insertdatetime';
|
||||||
import 'tinymce/plugins/nonbreaking';
|
import 'tinymce/plugins/nonbreaking';
|
||||||
import 'tinymce/plugins/save';
|
import 'tinymce/plugins/save';
|
||||||
|
import 'tinymce/plugins/help';
|
||||||
|
import 'tinymce/plugins/quickbars';
|
||||||
import 'tinymce/plugins/directionality';
|
import 'tinymce/plugins/directionality';
|
||||||
import './tinymce/custom_image_uploader/plugin';
|
import './tinymce/custom_image_uploader/plugin';
|
||||||
import './tinymce/marvinjs/plugin';
|
import './tinymce/marvinjs/plugin';
|
||||||
|
@ -161,7 +163,12 @@ window.TinyMCE = (() => {
|
||||||
$(selector).closest('.form-group')
|
$(selector).closest('.form-group')
|
||||||
.before(`<div class="tinymce-placeholder" style="height:${tinyMceInitSize}px"></div>`);
|
.before(`<div class="tinymce-placeholder" style="height:${tinyMceInitSize}px"></div>`);
|
||||||
tinyMceContainer.addClass('hidden');
|
tinyMceContainer.addClass('hidden');
|
||||||
const plugins = 'table autosave autoresize link advlist codesample autolink lists charmap anchor searchreplace wordcount visualblocks visualchars insertdatetime nonbreaking save directionality customimageuploader marvinjs placeholder custom_image_toolbar';
|
const plugins = `
|
||||||
|
table autosave autoresize link advlist codesample autolink lists
|
||||||
|
charmap anchor searchreplace wordcount visualblocks visualchars
|
||||||
|
insertdatetime nonbreaking save directionality customimageuploader
|
||||||
|
marvinjs placeholder custom_image_toolbar help quickbars
|
||||||
|
`;
|
||||||
// if (typeof (MarvinJsEditor) !== 'undefined') plugins += ' marvinjsplugin';
|
// if (typeof (MarvinJsEditor) !== 'undefined') plugins += ' marvinjsplugin';
|
||||||
|
|
||||||
if (textAreaObject.data('objectType') === 'step'
|
if (textAreaObject.data('objectType') === 'step'
|
||||||
|
@ -183,7 +190,7 @@ window.TinyMCE = (() => {
|
||||||
insert: { title: 'Insert', items: 'link codesample inserttable | charmap hr | nonbreaking anchor | insertdatetime customimageuploader marvinjs' },
|
insert: { title: 'Insert', items: 'link codesample inserttable | charmap hr | nonbreaking anchor | insertdatetime customimageuploader marvinjs' },
|
||||||
},
|
},
|
||||||
menubar: 'file edit view insert format table',
|
menubar: 'file edit view insert format table',
|
||||||
toolbar: 'undo redo restoredraft | insert | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | table | link | forecolor backcolor | codesample | customimageuploader marvinjs',
|
toolbar: 'undo redo restoredraft | insert | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | table | link | forecolor backcolor | codesample | customimageuploader marvinjs | help',
|
||||||
plugins,
|
plugins,
|
||||||
autoresize_bottom_margin: 20,
|
autoresize_bottom_margin: 20,
|
||||||
// placeholder: options.placeholder,
|
// placeholder: options.placeholder,
|
||||||
|
@ -216,6 +223,7 @@ window.TinyMCE = (() => {
|
||||||
removed_menuitems: 'newdocument',
|
removed_menuitems: 'newdocument',
|
||||||
object_resizing: true,
|
object_resizing: true,
|
||||||
elementpath: false,
|
elementpath: false,
|
||||||
|
quickbars_insert_toolbar: false,
|
||||||
forced_root_block: 'div',
|
forced_root_block: 'div',
|
||||||
default_link_target: '_blank',
|
default_link_target: '_blank',
|
||||||
target_list: [
|
target_list: [
|
||||||
|
|
Loading…
Reference in a new issue