LaravelLaravel & VueJsVueJs

VueMediumEditor component for Vue 2



vue-medium-editor

This is a project based on simple inline editor toolbar by yabwe. It allows the user to use this toolbar like the one in Medium, which when highlighting text appears and can modify texts to bold, italic, blockquotes etc.

Small example in HTML

    <!-- themes -->
    <link rel="stylesheet" 
        href="https://cdn.jsdelivr.net/medium-editor/5.22.1/css/medium-editor.min.css" type="text/css" media="screen" charset="utf-8">
    <link rel="stylesheet" 
        href="https://cdn.jsdelivr.net/medium-editor/5.22.1/css/themes/flat.min.css" type="text/css" media="screen" charset="utf-8">

<body>
    

Vue Medium Editor

</body> https://cdn.rawgit.com/FranzSkuffka/vue-medium-editor/master/dist/vue-medium-editor.min.js https://cdnjs.cloudflare.com/ajax/libs/vue/2.1.8/vue.js new Vue({ el: '.container', data: { myText: 'A MediumEditor component for Vue 2 ' }, components: { 'medium-editor': VueMediumEditor }, methods: { applyTextEdit: function (text) { this.text = text } } })

For alternative uses, visit GitHub.

Source link


★ READ ALSO ★  How to generate UUID in Laravel 5 ?

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Close