Mihaiii / juicy-markdown-tabbededitor

GitHub Flavored Markdown (GFM) editor with filedrop, paste functionality and a preview window

<juicy-markdown-tabbededitor>

Polymer Element with GitHub Flavored Markdown (GFM) editor with file drop, paste functionality and a preview tab

Demo

Check it live!

Install

Install the component using Bower:

$ bower install juicy-markdown-tabbededitor --save

Or download as ZIP.

Usage

1. Import Web Components' polyfill, if needed:

   <script src="bower_components/webcomponentsjs/webcomponents.js"></script>

2. Import Custom Element:

   <link rel="import" href="bower_components/juicy-markdown-tabbededitor/juicy-markdown-tabbededitor.html">

3. Start using it!

   <juicy-markdown-tabbededitor></juicy-markdown-tabbededitor>

Options

Attribute	Options	Default	Description
index	number	``	Index of a tab to be shown by default.
footer	string	``	Text/HTML to be shown as a footer.

This component extends <juicy-markdown-editor> so check its options

Attribute	Options	Default	Description
value	string	``	Markdown to render.
placeholder	string	``	Input placeholder.
uploadurl	string	``	URL to files storage server, see <juicy-filedrop url>.
customheader	string	x-file	Name for custom header that contains JSON with file meta data, see <juicy-filedrop customheader>.
ghcss	boolean	false	Should ghithub-markdown.css be imported? see <juicy-markdown ghcss>.

See also

• <juicy-markdown> - Markdown viewer
• <juicy-filedrop> - just file drop panel
• <juicy-markdown-tabbededitor> - simpler Markdown editor

Contributing

1. Fork it!
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -m 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request :D

History

For detailed changelog, check Releases.

License

MIT