feat: Story form, Post content editor, File Input Component, File thumbnail component, change from css to scss

This commit is contained in:
MTG2000
2022-04-27 14:35:49 +03:00
parent 4957dad00b
commit af253c980e
20 changed files with 616 additions and 20 deletions

View File

@@ -25,9 +25,10 @@ import {
UnderlineExtension,
} from 'remirror/extensions';
import { ExtensionPriority } from 'remirror';
import { EditorComponent, Remirror, useRemirror } from '@remirror/react';
import { EditorComponent, Remirror, useHelpers, useRemirror } from '@remirror/react';
import { useCallback, useMemo } from 'react';
import Toolbar from './Toolbar/Toolbar';
import SaveModule from './SaveModule';
interface Props {
@@ -46,6 +47,7 @@ export default function TextEditor({ placeholder, initialContent }: Props) {
return extension;
}, []);
const extensions = useCallback(
() => [
new PlaceholderExtension({ placeholder }),
@@ -76,7 +78,7 @@ export default function TextEditor({ placeholder, initialContent }: Props) {
*/
new HardBreakExtension(),
],
[placeholder],
[linkExtension, placeholder],
);
const { manager, } = useRemirror({
@@ -85,7 +87,12 @@ export default function TextEditor({ placeholder, initialContent }: Props) {
});
return (
<div className={`remirror-theme ${styles.wrapper} bg-white shadow-md`}>
<Remirror manager={manager} initialContent={initialContent}>
<Remirror
manager={manager}
initialContent={initialContent}
>
<SaveModule />
<Toolbar />
<EditorComponent />
</Remirror>