greg/note-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add quill library

Browse Source
This commit is contained in:
Greg Shuflin 2024-11-20 11:47:16 -08:00
parent 515cdc5c0f
commit 7c7811fd4d
4 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
notes/bun.lockb
View File

Binary file not shown.

2
notes/index.html
View File

@ -3,6 +3,8 @@
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="stylesheet" href="/src/styles.css" /> <link rel="stylesheet" href="/src/styles.css" />
<link href="https://cdn.jsdelivr.net/npm/quill@2.0.2/dist/quill.snow.css" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Notes</title> <title>Notes</title>
<script type="module" src="/src/main.tsx" defer></script> <script type="module" src="/src/main.tsx" defer></script>

3
notes/package.json
View File

@ -15,7 +15,8 @@
"@mui/material": "^6.1.7", "@mui/material": "^6.1.7",
"@tauri-apps/api": "^2", "@tauri-apps/api": "^2",
"@tauri-apps/plugin-shell": "^2", "@tauri-apps/plugin-shell": "^2",
"lucide-react": "^0.460.0" "lucide-react": "^0.460.0",
"quill": "2.0.2"
}, },
"devDependencies": { "devDependencies": {
"@tauri-apps/cli": "^2", "@tauri-apps/cli": "^2",

8
notes/src/main.tsx
View File

@ -4,6 +4,13 @@ import React from 'react';
// @ts-ignore // @ts-ignore
import ReactDOM from "react-dom/client"; import ReactDOM from "react-dom/client";
import Quill from 'quill';
import "quill/dist/quill.core.css";
const quill = new Quill("#editor", { theme: "snow" });
console.log("Quill", quill);
/*
import NoteEditor from "./claude-generated-code"; import NoteEditor from "./claude-generated-code";
const domElem = document.getElementById("editor"); const domElem = document.getElementById("editor");
@ -13,6 +20,7 @@ ReactDOM.createRoot(domElem).render(
<NoteEditor/> <NoteEditor/>
</React.StrictMode>, </React.StrictMode>,
); );
*/
let greetInputEl: HTMLInputElement | null; let greetInputEl: HTMLInputElement | null;