{editor.title}
)} 18 | 19 | 20 | ); 21 | } 22 | -------------------------------------------------------------------------------- /app/components/EditorPane/ColumnEditor/ColumnEditor.tsx: -------------------------------------------------------------------------------- 1 | import React, { useState, useRef } from 'react'; 2 | 3 | 4 | import SimpleMDE from "react-simplemde-editor"; 5 | import FieldForm from './FieldForm/FieldForm'; 6 | import Moment from "react-moment"; 7 | import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; 8 | import Editor from '@monaco-editor/react'; 9 | import { faClock } from "@fortawesome/free-regular-svg-icons"; 10 | import { faHistory, faTrashAlt, faFolderOpen } from "@fortawesome/free-solid-svg-icons"; 11 | import { Button } from 'antd'; 12 | 13 | import SplitPane from 'react-split-pane'; 14 | export default function ColumnEditor({ subNotes, noteActions, note }) { 15 | const [isEditorReady, setIsEditorReady] = useState(false); 16 | const [state, setState] = useState({}); 17 | const valueGetter = useRef(); 18 | 19 | function handleEditorDidMount(_valueGetter) { 20 | console.log('Editor did mount'); 21 | setIsEditorReady(true); 22 | valueGetter.current = _valueGetter; 23 | console.log(valueGetter.current()); 24 | } 25 | const handleBlur = note => value => { 26 | console.log("editor content",value.getValue()); 27 | console.log("note.content: ",note.content); 28 | // setState({ content: value.getValue() }); 29 | if (note.content !== value.getValue()) { 30 | console.log("updateNote"); 31 | noteActions.updateNote(note._id, { content: value.getValue() }); 32 | } 33 | }; 34 | const noteref = note._id+note._rev 35 | 36 | return ( 37 | <> 38 |Let's get you started with Notorious! Enter the URL to your CouchDB backend. Examples are shown below:
74 |https://couchdb.example.com (no trailing slash)
75 |local_data/
76 | {errors &&{errors["all"]}
} 77 | 98 |