YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: set editor font style (#174)

Browse Source 
feat: editor font style
This commit is contained in:
boojack
2022-08-25 20:44:32 +08:00
committed by GitHub
parent 20d7112a05
commit e9d303326f
10 changed files with 89 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/src/components/MemoEditor.tsx
View File

@ -18,6 +18,7 @@ interface State {
const MemoEditor: React.FC<Props> = () => {
const { t, locale } = useI18n();
const user = useAppSelector((state) => state.user.user);
const editorState = useAppSelector((state) => state.editor);
const tags = useAppSelector((state) => state.memo.tags);
const [state, setState] = useState<State>({
@ -27,6 +28,7 @@ const MemoEditor: React.FC<Props> = () => {
const editorRef = useRef<EditorRefActions>(null);
const prevGlobalStateRef = useRef(editorState);
const tagSeletorRef = useRef<HTMLDivElement>(null);
const editorFontStyle = user?.setting.editorFontStyle || "normal";
useEffect(() => {
if (editorState.markMemoId && editorState.markMemoId !== UNKNOWN_ID) {
@ -214,7 +216,7 @@ const MemoEditor: React.FC<Props> = () => {
const editorConfig = useMemo(
() => ({
className: "memo-editor",
className: `memo-editor ${editorFontStyle}`,
initialContent: getEditorContentCache(),
placeholder: t("editor.placeholder"),
fullscreen: state.fullscreen,
@ -222,7 +224,7 @@ const MemoEditor: React.FC<Props> = () => {
onConfirmBtnClick: handleSaveBtnClick,
onContentChange: handleContentChange,
}),
[isEditing, state.fullscreen, locale]
[isEditing, state.fullscreen, locale, editorFontStyle]
);
return (