dawg what the fuck
This commit is contained in:
@@ -1,6 +1,25 @@
|
||||
---
|
||||
import "../styles/global.css"
|
||||
---
|
||||
|
||||
<script is:inline>
|
||||
import Quill from "quill";
|
||||
|
||||
const quill = new Quill('#editor', {
|
||||
modules: {
|
||||
toolbar: [
|
||||
[{ header: [1, 2, false] }],
|
||||
['bold', 'italic', 'underline'],
|
||||
['image'],
|
||||
],
|
||||
},
|
||||
placeholder: 'Compose an epic...',
|
||||
theme: 'snow', // or 'bubble'
|
||||
});
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
---
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
@@ -12,5 +31,19 @@
|
||||
</head>
|
||||
<body>
|
||||
<h1>Astro</h1>
|
||||
<div id="editor">
|
||||
<p>Hello World!</p>
|
||||
<p>Some initial <strong>bold</strong> text</p>
|
||||
<p><br /></p>
|
||||
</div>
|
||||
|
||||
<!-- <button id="render" class="mt-2" onclick="renderText">
|
||||
render
|
||||
</button> -->
|
||||
|
||||
<div id="snya">
|
||||
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
12
src/styles/global.css
Normal file
12
src/styles/global.css
Normal file
@@ -0,0 +1,12 @@
|
||||
@import "tailwindcss";
|
||||
@import 'quill/dist/quill.core.css';
|
||||
@import 'quill/dist/quill.bubble.css';
|
||||
@import 'quill/dist/quill.snow.css';
|
||||
|
||||
html {
|
||||
@apply p-6;
|
||||
}
|
||||
|
||||
button {
|
||||
@apply py-2 px-3 bg-green-400 rounded-xl;
|
||||
}
|
||||
Reference in New Issue
Block a user