# @bhaze31/evergreenjs

> a markdown language super set that includes classes and visual layout elements

Latest version **0.1.10** (published 2021-02-23) · ISC license · 0 weekly downloads

## Install

```sh
npm install @bhaze31/evergreenjs
pnpm add @bhaze31/evergreenjs
yarn add @bhaze31/evergreenjs
bun add @bhaze31/evergreenjs
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.10 |
| Published | 2021-02-23 |
| First published | 2020-12-22 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 61.4 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Author | Brian Hasenstab |
| Maintainers | bhaze31 |
| Keywords | markdown, md, blog, post, evergreen |

## Links

- npm: https://www.npmjs.com/package/@bhaze31/evergreenjs
- npm.io page: https://npm.io/package/@bhaze31/evergreenjs

## Dependencies (1)

- [uuid](https://npm.io/package/uuid.md) ^8.3.1

## Alternatives

- [@mdxeditor/editor](https://npm.io/package/@mdxeditor/editor.md) — 962.4K weekly downloads
- [mmdb-lib](https://npm.io/package/mmdb-lib.md) — 680.9K weekly downloads
- [playcanvas](https://npm.io/package/playcanvas.md) — 36.2K weekly downloads
- [@glw907/cairn-cms](https://npm.io/package/@glw907/cairn-cms.md) — 967 weekly downloads
- [markdown-to-confluence](https://npm.io/package/markdown-to-confluence.md) — 103 weekly downloads

## Recent versions

- 0.1.10 (latest) — 2021-02-23
- 0.1.9 — 2021-02-22
- 0.1.8 — 2021-02-17
- 0.1.7 — 2021-02-17
- 0.1.6 — 2020-12-30
- 0.1.5 — 2020-12-30
- 0.1.4 — 2020-12-30
- 0.1.3 — 2020-12-23
- 0.1.2 — 2020-12-22
- 0.1.1 — 2020-12-22
- 0.1.0 — 2020-12-22

## README

# Evergreen Markdown

An expansion of regular Markdown. Evergreen adds the ability to add classes, ids, and other HTML elements to your markdown, allowing better control of how your pages look and feel. This package is an experiment to create a Markdown processor and to learn how to publish an npm module. It is free to use.

## Current Support

- Header Elements
- Bold and Italic Elements
- Anchors
- Standalone Images
- Ordered Lists
- Unorderd Lists
- Blockquotes
- Tables
- Horizontal Rules
- Divs
- IDs
- Classes
- Fenced Code Blocks

## To Be Implemented

- Inline Images
- Wiki-style Reference Links
- ID Linking
- Definition Lists
- Task Lists
- Table Row/Col Span
- Escaping Characters

### Usage

There are two parts to Evergreen. The first part is the EvergreenProcessor. This takes an array of strings in the initializer, and after calling parse returns an array containing a tree-like structure of elements.

Example:

    const processor = new EvergreenProcessor(lines);
    const elements = processor.process();

If you want to change the array of strings that the processor has simply update the lines variable in the processor.

Example:

    processor.lines = ["# New", "Information"];

The second part is the converter. This takes the elements that are output by the processor and a parent element to attach them to.

Example:

    const converter = new EvergreenConverter(elements);
    const element = document.getElementById("someParentElement");
    converter.convert(element);

The above will retrieve the element you queried by, and then insert the new HTML elements that were generated by the converter.

---
_Source: https://npm.io/package/@bhaze31/evergreenjs · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._