Latest Release License


This package contains a minimal, Markdown editor with preview support as well as code syntax highlighting. It was extracted and refined from an original implementation used by Lumeno. It is currently a work-in-progress and is under development.


Since Writer is currently pre-release, you will need to clone the repository or download a zip of it. Once you have the files, refer to index.html for an example of how it can be used.


Lumeno allows you to centralize your IT résumé, project portfolio and blog content. It aids in building a following, helps you to discover other creatives, and gets you invited to relevant jobs that match your personal requirements, such as minimum salary, availability, location, commute distance, and much more… sign up for free!



To set the content that should be rendered / made editable, simply assign it using v-model. This will ensure proper two-way data binding and eliminate the need to listen for a ‘change’ or ‘input’ event.

data() {
    return {
        content : 'Welcome to Writer, the minimal, markdown editor',

<Writer v-model="content"></Writer>


Writer is designed to require minimal, even zero-configuration. However, should you use wish to customize it, then you can do so using the following props:

Name Type Summary
height Number Set the minimum height of the component in pixels (default is 200)
placeholder String Set the default placeholder text to display when the component is empty




Thank you for considering a contribution to Writer. You are welcome to submit a PR containing improvements. Note that while the package is still under development, PRs do not require tests (although they are certainly welcome). Once an initial version is released, all future PRs will require tests to be accepted.


Quill icon by Vectors Market.


The MIT License (MIT). Please see License File for more information.


View Github