Contact us Create app

Directory

← Back

mtz-marked-editor

Extends a textarea that can be controlled by UI elements for inserting markdown

Author

Rating

Links

Popularity

<100

[ This description is mirrored from README.md at github.com/MaritzSTL/mtz-marked-editor on 2019-05-10 ]

Build Status Published on webcomponents.org

<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.

Compatibility

(Loading compatibility data...)

Last updated: 2017-07-26

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 markdown mtz-marked-editor - Vaadin Add-on Directory
**[ This description is mirrored from README.md at [github.com/MaritzSTL/mtz-marked-editor](https://github.com//MaritzSTL/mtz-marked-editor/blob/v0.2.2/README.md) on 2019-05-10 ]** [![Build Status](https://img.shields.io/travis/MaritzSTL/mtz-marked-editor/master.svg?style=flat-square)](https://travis-ci.org/MaritzSTL/mtz-marked-editor) [![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg?style=flat-square)](https://www.webcomponents.org/element/MaritzSTL/mtz-marked-editor) # \ Extends a textarea that can be controlled by UI elements for inserting markdown. ```html
``` ## Install the Polymer-CLI First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/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](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
Online