Yii2 Bootstrap Markdown Editor

Yii2 Markdown Editor based on Bootstrap Markdown., _(*1)

This component use folowing libraries: * Marked -- a full-featured markdown parser and compiler, written in JavaScript. * To markdown -- an HTML to Markdown converter written in javascript. * Bootstrap Markdown -- JSimple Markdown editing tools that works!, _(*2)

Installation

Composer

The preferred way to install this extension is through Composer., _(*3)

Either run, _(*4)

php composer.phar require efureev/yii2-bootstrap-markdown-editor "dev-master"

or add, _(*5)

"efureev/yii2-bootstrap-markdown-editor": "dev-master"

to the require section of your composer.json, _(*6)

Usage

In view in active form:, _(*7)






    
    field($model, 'content')->widget(MarkdownEditor::className(), [
        'clientOptions' => [
            'language' => Yii::$app->language,
            'additionalButtons' => [
                'drink' => [
                    'cmdBeer' => [
                        'title' => 'Beer',
                        'toggle' => false,
                        'icon' => 'glyphicon glyphicon-glass',
                        'callback' => 'function(e){alert("sdasda");}'
                    ],
                    'cmdBeer2' => [
                        'title' => 'Beer2',
                        'toggle' => true,
                        'icon' => 'glyphicon glyphicon-glass',
                        'callback' => 'function(e){
                            // Replace selection with some drinks
                            var chunk, cursor,
                                selected = e.getSelection(), content = e.getContent(),
                                drinks = ["Heinekken", "Budweiser",
                                        "Iron City", "Amstel Light",
                                        "Red Stripe", "Smithwicks",
                                        "Westvleteren", "Sierra Nevada",
                                        "Guinness", "Corona", "Calsberg"],
                                index = Math.floor((Math.random()*10)+1)
            
            
                              // Give random drink
                              chunk = drinks[index]
                
                              // transform selection and set the cursor into chunked text
                              e.replaceSelection(chunk)
                              cursor = selected.start
                
                              // Set the cursor
                              e.setSelection(cursor,cursor+chunk.length)
                            }'
                        ]
                    ]
                ]
        ],
        'options'       => ['data-provider' => 'markdown'],
        
    ]); ?>

In view:, _(*8)

<?php
use efureev\markdown\MarkdownEditor;

echo MarkdownEditor::widget([
    'name'          => 'md-editor',
    'value'         => '# test message',
    'clientOptions' => ['language' => Yii::$app->language],
    'options'       => ['data-provider' => 'markdown'],
]);