mtz-marked-editor
Extends a textarea that can be controlled by UI elements for inserting markdown
[ This description is mirrored from README.md at github.com/MaritzSTL/mtz-marked-editor on 2019-05-10 ]
<mtz-marked-editor>
Extends a textarea that can be controlled by UI elements for inserting markdown.
<mtz-marked-editor>
<div slot="controls">
<mtz-marked-control-generic-wrap
icon="editor:format-bold"
title="Bold"
syntax-prefix="**"
syntax-suffix="**"
keys="ctrl+b"
></mtz-marked-control-generic-wrap>
<mtz-marked-control-generic-wrap
icon="editor:format-italic"
title="Italic"
syntax-prefix="_"
syntax-suffix="_"
keys="ctrl+i"
></mtz-marked-control-generic-wrap>
<mtz-marked-control-generic-line
icon="editor:format-size"
title="Heading 1"
syntax-prefix="# "
></mtz-marked-control-generic-line>
<mtz-marked-control-generic-line
icon="editor:format-list-numbered"
title="Ordered List"
syntax-prefix="1. "
></mtz-marked-control-generic-line>
<mtz-marked-control-generic-line
icon="editor:format-list-bulleted"
title="Unordered List"
syntax-prefix="- "
></mtz-marked-control-generic-line>
<mtz-marked-control-link
icon="editor:insert-link"
title="Link"
></mtz-marked-control-link>
</div>
<textarea slot="textarea"></textarea>
</mtz-marked-editor>
Install the Polymer-CLI
First, make sure you have the Polymer CLI installed. Then run polymer serve
to serve your element locally.
Viewing Your Element
$ polymer serve
Running Tests
$ polymer test
Your application is already set up to be tested via web-component-tester. Run polymer test
to run your application's test suite locally.
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Dependencies
Polymer/polymer#^1.9 || ^2.0
- PolymerElements/iron-a11y-keys#^1.0 || ^2.0
- PolymerElements/paper-icon-button#^1.0 || ^2.0
- Released
- 2017-07-26
- Maturity
- TESTED
- License
- Other
Compatibility
- Framework
- Polymer 2.0+
- Browser
- Browser Independent
mtz-marked-editor - Vaadin Add-on Directory
Extends a textarea that can be controlled by UI elements for inserting markdownOnline Demo
Documentation
GitHub Homepage
Issue tracker
View on GitHub
mtz-marked-editor version 0.1.0
### Dependencies
Polymer/polymer#^1.9 || ^2.0
* PolymerElements/iron-a11y-keys#^1.0 || ^2.0
* PolymerElements/paper-icon-button#^1.0 || ^2.0
mtz-marked-editor version 0.2.0
### Dependencies
Polymer/polymer#^1.9 || ^2.0
* PolymerElements/iron-a11y-keys#^1.0 || ^2.0
* PolymerElements/paper-icon-button#^1.0 || ^2.0
mtz-marked-editor version 0.2.1
### Dependencies
Polymer/polymer#^1.9 || ^2.0
* PolymerElements/iron-a11y-keys#^1.0 || ^2.0
* PolymerElements/paper-icon-button#^1.0 || ^2.0
mtz-marked-editor version 0.2.2
### Dependencies
Polymer/polymer#^1.9 || ^2.0
* PolymerElements/iron-a11y-keys#^1.0 || ^2.0
* PolymerElements/paper-icon-button#^1.0 || ^2.0