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

Enable Lato font in TinyMCE iframe [SCI-7883]

Browse source
This commit is contained in:
Martin Artnik 2023-02-14 14:06:47 +01:00
parent 7e48ce70c9
commit ac9c569b39
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
app/javascript/packs/tiny_mce.js vendored
View file

@ -124,7 +124,7 @@ window.TinyMCE = (() => {
setTimeout(() => { tinyMCE.activeEditor.execCommand('mceAutoResize') }, 500);
}
function initImageToolBar(editor) {
function initCssOverrides(editor) {
const editorIframe = $(`#${editor.id}`).next().find('.tox-edit-area iframe');
const primaryColor = '#104da9';
editorIframe.contents().find('head').append(`<style type="text/css">
@ -141,6 +141,7 @@ window.TinyMCE = (() => {
h2 {font-size: 18px !important }
h3 {font-size: 16px !important }
</style>`);
editorIframe.contents().find('head').append($('#font-css-pack').clone());
}
function draftLocation() {
@ -316,7 +317,7 @@ window.TinyMCE = (() => {
}
// Init image toolbar
initImageToolBar(editor);
initCssOverrides(editor);
// Init save/cancel button wrapper
$('<div class="tinymce-save-controls"></div>').appendTo(menuBar);

2
app/views/layouts/application.html.erb
View file

@ -27,7 +27,7 @@
<%= favicon_link_tag "favicon-16.png", type: "image/png", size: "16x16" %>
<%= favicon_link_tag "favicon-32.png", type: "image/png", size: "32x32" %>
<%= favicon_link_tag "favicon-48.png", type: "image/png", size: "48x48" %>
<%= stylesheet_pack_tag 'fonts' %>
<%= stylesheet_pack_tag 'fonts', id: 'font-css-pack' %>
<%= stylesheet_pack_tag 'fontawesome' %>
<%= csrf_meta_tags %>