Yii2 widget for Lepture Markdown Editor > stdout.in Ievgen Kuzminov IT blog

Yii2 widget for Lepture Markdown Editor

Mar 29, 2014, 7:49:00 PM

lepture yii2

Uses https://github.com/lepture/editor - "a markdown editor you really want".

I am using this editor on my blog and prefer it over EpicEditor. It's much handy to write posts with realtime basic highlight of Markdown syntax.

Demo

on http://lab.lepture.com/editor/

Installation via Composer

add to require section of your composer.json "ijackua/yii2-lepture-markdown-editor-widget" and run composer update

Usage example

Active widget

use ijackua\lepture\Markdowneditor;

Markdowneditor::widget(
            [
                'model' => $model,
                'attribute' => 'full_text',
            ])

Simple widget

use ijackua\lepture\Markdowneditor;

Markdowneditor::widget(
            [
                'name' => 'editor',
                'value' => '# Hello world'
            ])

Editor options

see on official site

use ijackua\lepture\Markdowneditor;

Markdowneditor::widget(
            [
                'model' => $model,
                'attribute' => 'full_text',
                'leptureOptions' => [
                    'toolbar' => false
                ]
            ])

Marked options (markdown parser used by Lepture Editor)

see on official Marked site

use ijackua\lepture\Markdowneditor;

Markdowneditor::widget(
            [
                'model' => $model,
                'attribute' => 'full_text',
                'markedOptions' => [
                    'tables' => false
                ]
            ])

Links

comments powered by Disqus
Ievgen
Kuzminov "iJackUA"
Web Team Lead
at MobiDev (Kharkiv, Ukraine)
Code in Ruby and Elixir, but still love PHP. Explore ES6 and Vue.js. Explore databases, use Ubuntu and MacOS, think about IT people and management

Notes


Did you know ? Vagrant (1.5+) "Error: Remote connection disconnect. Retrying..." while loading is not a bug. It just try to detect when VM is loaded. Yep... very confusing.



Slick - really looks like "the last JS carousel you'll ever need". Responsive, touch-enabled, mouse-dragging, dynamic add/remove.



Tried yii2-pjax widget on blog. A few moment of work and you can navigate through Notes without page reload. Really cool!