34 | )}
35 |
36 | );
37 | }
38 |
39 | export default TextCounter;
40 |
--------------------------------------------------------------------------------
/LICENSE.md:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2021 CodeHawk314
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/src/components/ToolTray.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { makeStyles } from "@material-ui/core/styles";
3 | import Settings from "./Settings/Settings";
4 | import Download from "./Download";
5 | import Copy from "./Copy";
6 | import NewDoc from "./NewDoc";
7 | import Files from "./Files";
8 |
9 | const useStyles = makeStyles((theme) => ({
10 | tray: {
11 | position: "absolute",
12 | top: 30,
13 | right: 30,
14 | padding: 3,
15 | borderRadius: "9999px",
16 | // backgroundColor: theme.palette.common.lightGray,
17 | },
18 | }));
19 |
20 | function ToolTray({ writing, setWriting, settings, setSettings, ...props }) {
21 | const classes = useStyles();
22 |
23 | return (
24 |
17 | WriteSpace is a minimalist web notepad with Markdown and KaTeX
18 | support. It includes easy options to print the rendered output or export
19 | your notes as raw text, image, or html.
20 |
24 | WriteSpace supports Markdown to easily create headings, bullets, insert
25 | images, and more in your notes.
26 | Markdown syntax
27 |
28 |
29 | Check "Show live rendered output" in settings to view the rendered markdown output.
30 |
31 |
KaTeX
32 |
33 | WriteSpace supports KaTeX to allow you to easily write math expressions.
34 | KaTeX syntax
35 |
36 |
37 | To use KaTeX, first make sure it is enabled in settings. Inline KaTeX
38 | expressions can be written between
39 | $
46 | delimiters. Block KaTeX expressions can be written between
47 | $$
54 | delimiters.
55 |
56 |
57 | Inline KaTeX example: $x^2$ ->
58 | x2
162 |
163 |
Block KaTeX example:
164 |
$$ e^{i\pi}+1=0$$
165 |
166 | eiπ+1=0
340 |
341 |
Code blocks
342 |
343 | WriteSpace supports code blocks with automatic syntax highlighting. Code
344 | blocks can be written between
345 | ```
352 | delimiters. Example:
353 |
354 |
```print('hello world!')```
355 |
print('hello world!')
366 |
Word/character counter
367 |
368 | To view word and character count, enable "Show word and char
369 | count" in settings.
370 |
371 |
Export options
372 |
373 | WriteSpace lets you easily export as raw text, a PNG image, or html. You
374 | can export and download via the "download" button in the top
375 | right, or export and copy to the clipboard via the "copy" button
376 | in the top right. You can also export raw text or the rendered output as a
377 | PDF via your browser's print dialog. In settings, you can choose what
378 | format you would like to export in for printing, downloading, and copying.
379 |
14 |