gustav1105

gustav1105 / toggle-button-on-change.tsx

Last active February 16, 2020 11:19

toggle-button-on-change

	const [toggleButtonGroupValue, setToggleButtonGroupValue] = React.useState<
	string \| null
	>(null);


	const handleToggleButtonGroup = (
	event: React.MouseEvent<HTMLElement, MouseEvent>,
	value: string
	) => {
	event.stopPropagation();

gustav1105 / toggle-button-group.tsx

Last active February 16, 2020 11:13

toggle-button-group

	<Box mb={2}>
	<ToggleButtonGroup
	exclusive
	onChange={handleToggleButtonGroup}
	value={toggleButtonGroupValue}
	>
	<ToggleButton value="header-one">
	<Title />
	</ToggleButton>
	<ToggleButton value="insert-image">

gustav1105 / editor-state-and-focus-functions.tsx

Created February 16, 2020 10:31

editor-state-and-focus-functions

	const editor = React.useRef<Editor>(null);

	const [editorState, setEditorState] = React.useState<EditorState>(
	EditorState.createEmpty(
	new CompositeDecorator([
	{
	strategy: linkStrategy,
	component: DecoratedLink
	}
	])

gustav1105 / editor-component-imports.tsx

Last active February 16, 2020 10:06

editor-component-imports

	import * as React from "react";
	import { EditorContext } from "./EditorContext";
	import {
	Box,
	Paper,
	TextField,
	InputAdornment,
	IconButton
	} from "@material-ui/core";
	import { ToggleButtonGroup, ToggleButton } from "@material-ui/lab";

gustav1105 / editor-component.tsx

Last active February 16, 2020 10:09

editor-component

	<Box onClick={focusEditor} p={4}>
	<EditorContext.Provider value={editorState}>
	<Editor
	editorState={editorState}
	onChange={setEditorState}
	placeholder="Click here to start typing in the editor..."
	blockRendererFn={renderBlock}
	ref={editor}
	/>
	</EditorContext.Provider>

gustav1105 / editor-state-context.tsx

Last active February 16, 2020 10:10

editor-state-context

 import * as React from "react";
 import { EditorState } from "draft-js";
 export const EditorContext = React.createContext<EditorState>(
   EditorState.createEmpty()
 );

gustav1105 / draft-js-editor-dependencies.txt

Last active September 16, 2021 12:24

draft-js-editor-dependencies