This commit is contained in:
lingdocs 2022-02-10 03:11:35 +04:00
parent 2eb9430542
commit 02adb50ac5
2 changed files with 7 additions and 4 deletions

View File

@ -4,7 +4,10 @@ Easily create EPUB e-book files with proper RTL support
## Running Locally ## Running Locally
Requires [pandoc](https://pandoc.org/installing.html) Requires
- Node.js 12.22.0 or later
- [pandoc](https://pandoc.org/installing.html)
``` ```
npm install npm install
@ -13,7 +16,7 @@ npm run dev
### With Docker ### With Docker
Or, you can run the docker image. (Only available for `linux/amd64` architectures.) Or, you can just run the docker image with pandoc and everything included.
``` ```
docker compose up docker compose up

View File

@ -41,14 +41,14 @@ const Home: NextPage = () => {
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
</Head> </Head>
<h1 className="mt-3">RTL EPUB Maker 📚</h1> <h1 className="mt-3">RTL EPUB Maker 📚</h1>
<p className="lead mb-4">Easily create EPUB e-book files with proper RTL support</p> <p className="lead mb-4">Easily create EPUB e-book files with proper RTL support (🚧 in progress 👷)</p>
<DocReceiver handleReceiveText={handleReceiveText}/> <DocReceiver handleReceiveText={handleReceiveText}/>
<div className="mt-3"> <div className="mt-3">
<label htmlFor="mdTextarea" className="form-label">Markdown Content</label> <label htmlFor="mdTextarea" className="form-label">Markdown Content</label>
<textarea spellCheck="false" dir="rtl" ref={mdRef} className="form-control" id="mdTextarea" rows={15} /> <textarea spellCheck="false" dir="rtl" ref={mdRef} className="form-control" id="mdTextarea" rows={15} />
</div> </div>
<div style={{ textAlign: "right" }}> <div style={{ textAlign: "right" }}>
<button type="button" className="btn btn-sm btn-light mt-2" onClick={clearText}>Clear</button> <button type="button" className="btn btn-sm btn-light mt-2" onClick={clearText}>Create .epub</button>
</div> </div>
<BookInfoInput handleSubmit={handleSubmit} /> <BookInfoInput handleSubmit={handleSubmit} />
<div className="text-center mt-4 text-muted"> <div className="text-center mt-4 text-muted">