mirror of
https://github.com/aljazceru/landscape-template.git
synced 2025-12-18 06:44:22 +01:00
feat: Story form, Post content editor, File Input Component, File thumbnail component, change from css to scss
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user