self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2024-12-24 10:27:10 +02:00
Code Issues Releases Activity

Desktop: Fixes #10036: Applied font family and font size to RTE (#10102)

Browse Source
This commit is contained in:
Abdelrrahman Elhaddad 2024-03-15 11:30:45 +02:00 committed by GitHub
parent 310a90744a
commit 85d98f5254
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
packages/app-desktop/gui/NoteEditor/NoteBody/TinyMCE/TinyMCE.tsx
View File

@ -565,6 +565,8 @@ const TinyMCE = (props: NoteBodyEditorProps, ref: any) => {
useEffect(() => {
if (!scriptLoaded) return;
const theme = themeStyle(props.themeId);
const loadEditor = async () => {
const language = closestSupportedLocale(props.locale, true, supportedLocales);
@ -598,6 +600,7 @@ const TinyMCE = (props: NoteBodyEditorProps, ref: any) => {
];
const editors = await (window as any).tinymce.init({
content_style: `* {font-size: ${props.fontSize}px; font-family: "${props.fontFamily}"; line-height: ${theme.lineHeight};}`,
selector: `#${rootIdRef.current}`,
width: '100%',
body_class: 'jop-tinymce',

1
packages/app-desktop/gui/NoteEditor/NoteEditor.tsx
View File

@ -464,6 +464,7 @@ function NoteEditor(props: NoteEditorProps) {
noteToolbarButtonInfos: props.toolbarButtonInfos,
plugins: props.plugins,
fontSize: Setting.value('style.editor.fontSize'),
fontFamily: Setting.value('style.editor.fontFamily'),
contentMaxWidth: props.contentMaxWidth,
isSafeMode: props.isSafeMode,
useCustomPdfViewer: props.useCustomPdfViewer,

1
packages/app-desktop/gui/NoteEditor/utils/types.ts
View File

@ -118,6 +118,7 @@ export interface NoteBodyEditorProps {
noteToolbarButtonInfos: ToolbarButtonInfo[];
plugins: PluginStates;
fontSize: number;
fontFamily: string;
contentMaxWidth: number;
isSafeMode: boolean;
noteId: string;