diff --git a/apps/client/src/layouts/layout_commons.tsx b/apps/client/src/layouts/layout_commons.tsx
index 8468b47f7..dee74927a 100644
--- a/apps/client/src/layouts/layout_commons.tsx
+++ b/apps/client/src/layouts/layout_commons.tsx
@@ -30,6 +30,7 @@ import NoteDetailWidget from "../widgets/note_detail.js";
import NoteListWidget from "../widgets/note_list.js";
import CallToActionDialog from "../widgets/dialogs/call_to_action.jsx";
import NoteTitleWidget from "../widgets/note_title.jsx";
+import FormattingTab from "../widgets/ribbon/FormattingTab.js";
export function applyModals(rootContainer: RootContainer) {
rootContainer
@@ -62,7 +63,7 @@ export function applyModals(rootContainer: RootContainer) {
.cssBlock(".title-row > * { margin: 5px; }")
.child()
.child())
- // .child(new ClassicEditorToolbar())
+ .child()
.child(new PromotedAttributesWidget())
.child(new NoteDetailWidget())
.child(new NoteListWidget(true)))
diff --git a/apps/client/src/widgets/ribbon/FormattingTab.tsx b/apps/client/src/widgets/ribbon/FormattingTab.tsx
index d273044e4..555bd4529 100644
--- a/apps/client/src/widgets/ribbon/FormattingTab.tsx
+++ b/apps/client/src/widgets/ribbon/FormattingTab.tsx
@@ -1,4 +1,5 @@
import { CSSProperties } from "preact/compat";
+import { useTriliumOption } from "../react/hooks";
/**
* Handles the editing toolbar when the CKEditor is in decoupled mode.
@@ -8,12 +9,14 @@ import { CSSProperties } from "preact/compat";
* The ribbon item is active by default for text notes, as long as they are not in read-only mode.
*/
export default function FormattingTab({ hidden }) {
+ const [ textNoteEditorType ] = useTriliumOption("textNoteEditorType");
+
const style: CSSProperties = {};
if (hidden) {
style.display = "none";
}
- return (
+ return (textNoteEditorType === "ckeditor-classic" &&