https://github.com/reekoheek/xin-markdown

https://github.com/reekoheek/xin-markdown

Last synced: 23 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/reekoheek/xin-markdown
• Owner: reekoheek
• License: mit
• Created: 2017-09-28T07:49:32.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2018-01-12T08:51:51.000Z (almost 7 years ago)
• Last Synced: 2024-11-12T23:36:23.694Z (about 1 month ago)
• Language: JavaScript
• Size: 85.9 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-xinix - xin-markdown - Xin markdown component - [reekoheek](https://github.com/reekoheek) (Grouping / Xin)

README

        
---

title: xin-markdown

---

Markdown components for xin.

`xin-markdown` are components that render markdown directly.

```sh

npm i xin-markdown

```

## Usage

Supposedly we have markdown file `index.md`

```markdown

---

title: Lorem Ipsum

---

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula

eget dolor.

Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes,

nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu,

pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla

vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a,

venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer

tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend

tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.

Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

```

### View

Write html file `index.html`

```html

  

  

  

  xin-markdown-view

  

    

      

        

      

    

  

  

```

### Pane

Write inside html file `index.html`

```html

...

...

```