Add quill library

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

Binary file not shown.

View File

@ -3,6 +3,8 @@
<head>
<meta charset="UTF-8" />
<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" />
<title>Notes</title>
<script type="module" src="/src/main.tsx" defer></script>

View File

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

View File

@ -4,6 +4,13 @@ import React from 'react';
// @ts-ignore
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";
const domElem = document.getElementById("editor");
@ -13,6 +20,7 @@ ReactDOM.createRoot(domElem).render(
<NoteEditor/>
</React.StrictMode>,
);
*/
let greetInputEl: HTMLInputElement | null;