0.5.12 • Published 4 years ago
remark-text-alignment v0.5.12
remark-text-alignment
remark plugin to align text.
Credits
Plugin was originally built on top of zMarkdown's remark-align plugin.
Installation
npm i remark-text-alignment
Usage
import remark from 'remark'
import html from 'remark-html'
import alignment from 'remark-text-alignment'
// Basic use
remark()
.use(html)
.use(alignment)
...
// Use class names and set right class name to example-right
remark()
.use(html)
.use(alignment, {
useClassNames: true,
classNames: {
left: 'example-right'
}
})
...
Options
.use(color [, options])
Add the color plugin to remark.
options
options.classNames
Enable class names instead of inline CSS
Default {}
options.useClassNames
Object that contains left, right and center class names (useClassNames must be enabled)
Default false
Examples
# Center alignment
->
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincidunt urna maximus sem congue, viverra ultrices purus porta. Aenean at porta mi. Donec ut felis consectetur, rutrum mauris non, sagittis ipsum. Quisque sit amet fringilla lorem. Curabitur euismod imperdiet nunc, et vehicula lorem scelerisque et. Fusce rutrum id lectus in pellentesque. Donec vel cursus dolor. Ut placerat justo nunc, a imperdiet libero posuere non. Nullam dolor ligula, efficitur a accumsan non, viverra quis lorem. Mauris at auctor ligula.
<-
# Right alignment
->
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincidunt urna maximus sem congue, viverra ultrices purus porta. Aenean at porta mi. Donec ut felis consectetur, rutrum mauris non, sagittis ipsum. Quisque sit amet fringilla lorem. Curabitur euismod imperdiet nunc, et vehicula lorem scelerisque et. Fusce rutrum id lectus in pellentesque. Donec vel cursus dolor. Ut placerat justo nunc, a imperdiet libero posuere non. Nullam dolor ligula, efficitur a accumsan non, viverra quis lorem. Mauris at auctor ligula.
->
# Left alignment
<-
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean tincidunt urna maximus sem congue, viverra ultrices purus porta. Aenean at porta mi. Donec ut felis consectetur, rutrum mauris non, sagittis ipsum. Quisque sit amet fringilla lorem. Curabitur euismod imperdiet nunc, et vehicula lorem scelerisque et. Fusce rutrum id lectus in pellentesque. Donec vel cursus dolor. Ut placerat justo nunc, a imperdiet libero posuere non. Nullam dolor ligula, efficitur a accumsan non, viverra quis lorem. Mauris at auctor ligula.
<-
0.5.12
4 years ago
0.5.11
4 years ago
0.5.10
4 years ago
0.5.8
4 years ago
0.5.7
4 years ago
0.5.9
4 years ago
0.3.0
4 years ago
0.5.4
4 years ago
0.5.3
4 years ago
0.5.6
4 years ago
0.5.5
4 years ago
0.5.0
4 years ago
0.4.0
4 years ago
0.5.2
4 years ago
0.5.1
4 years ago
0.2.3
4 years ago
0.2.4
4 years ago
0.2.2
4 years ago
0.1.0
4 years ago
0.2.1
4 years ago
0.0.2
4 years ago