HedgeDoc - Ideas grow better together
Find a file
Erik Michelson 9e6edb0aeb
Add blockquote extras ([name=...], [time=...], [color=...]) (#249)
* Added regexes to replace name and time extras

* Added [color=#abc] replacements inside of blockquotes

This works with the following "algorithm":
1. Transform any [color=]-Tags with a valid css color into a codimd-quote-options element.
2. While transforming blockquotes, check if one of their paragraphs contains a codimd-quote-options element. If multiple are found, only the first one will be used.
3. Remove the codimd-quote-options element and set the border-left-color of the blockquote appropriately.

* Added correct CSS styling of blockquote extras

* Added tag icon when [color=...] is used outside a blockquote

In version 1.6 of CodiMD the [color=...] tag renders a tag-icon in the specified color when used outside of a blockquote paragraph.

* Added changelog entry

* Flip if-else in quote-options for better readability

* Flip another if-else in quote-options for better readability
2020-06-22 23:37:20 +02:00
.github Add pull request template (#208) 2020-06-15 21:07:16 +02:00
.idea/dictionaries Add codimd to jetbrains dictionary (#235) 2020-06-20 16:47:30 +02:00
icon Replace react icon with default codimd icon 2020-05-31 19:17:24 +02:00
public Adds an info banner to the app (#190) 2020-06-15 21:54:20 +02:00
src Add blockquote extras ([name=...], [time=...], [color=...]) (#249) 2020-06-22 23:37:20 +02:00
.editorconfig better linting (#72) 2020-05-27 15:43:28 +02:00
.gitignore
CHANGELOG.md Add blockquote extras ([name=...], [time=...], [color=...]) (#249) 2020-06-22 23:37:20 +02:00
LICENSE
package.json Feature/highlightjs (#242) 2020-06-22 22:39:14 +02:00
README.md Add examples and cd command to README (#166) 2020-06-06 23:58:45 +02:00
renovate.json Updated schedule of renovate (#192) 2020-06-11 20:57:41 +02:00
tsconfig.json
yarn.lock Feature/highlightjs (#242) 2020-06-22 22:39:14 +02:00

CodiMD - React Client

This is the new, improved and better looking frontend for CodiMD 2.0. Our goal is to recreate the current frontend in react and to improve it.

Preparation

You'll need at least Node 10 (we recommend 12). We use yarn for our dependencies, but npm can work too.

Development mode

  1. Clone this repo (e.g. git clone https://github.com/codimd/react-client.git codimd-react-client)
  2. Go inside the repo (e.g. cd codimd-react-client)
  3. run yarn install
  4. run yarn start

This should run the app in the development mode and open http://localhost:3000 in your browser.

The page will reload if you make edits. You will also see any lint errors in the console.

Production mode

  1. Clone this repo (e.g. git clone https://github.com/codimd/react-client.git codimd-react-client)
  2. Go inside the repo (e.g. cd codimd-react-client)
  3. run yarn install
  4. run yarn build

Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.