jamsrui_editor_react_quickstart_with_state_management.ts

1import React, { useState } from 'react';
2import { JamsrEditor, type EditorValue } from '@jamsrui/editor';
3
4const QuickStartEditor = () => {
5  const [value, setValue] = useState<EditorValue>('');
6
7  const handleChange = (newValue: EditorValue) => {
8    setValue(newValue);
9    console.log('Editor content updated:', newValue);
10  };
11
12  return (
13    <div style={{ padding: '20px' }}>
14      <h1>Jamsr Editor Quickstart</h1>
15      <JamsrEditor 
16        value={value} 
17        onChange={handleChange} 
18        placeholder="Start typing here..."
19      />
20    </div>
21  );
22};
23
24export default QuickStartEditor;