Yii2-shortcodes-pack is part of the Yii2-plugins-system that have more usefull shortcodes for our site
Shortcode | Description | Usage | Code |
---|---|---|---|
yt | YouTube link on original video | [yt code="*"] Link on video [/yt] | see |
youtube | Embed YouTube video with parameters | [youtube code="" w="" h="*"] | see |
code | All the blocks of text enclosed in the shortcode [code], will be highlighted | [code style="" lang=""] ... [/code] | see |
container | Bootstrap 3 grid - container (default or fluid) | [container] ... [/container] | see |
row | Bootstrap 3 grid - row | [row] ... [/row] | see |
col | Bootstrap 3 grid - column (lg, md, sm, xs) | [col md=6] ... [/col] | see |
alert | Bootstrap 3 alert messages | [alert close=1] ... [/alert] | see |
label | Bootstrap 3 labels | [label text="*"] | see |
tabs | Bootstrap 3 tabs or pills | [tabs] [tab] ... [/tab] [/tabs] | see |
and more in future releases...
It is very easy! See instruction
Yii2-shortcodes-pack be installed using composer. Run following command to download and install Yii2-shortcodes-pack:
composer require "loveorigami/yii2-shortcodes-pack":"*"
The last thing you need to do is updating your database schema by applying the migrations. Make sure that you have properly configured db application component and run the following command:
$ php yii migrate/up --migrationPath=@vendor/loveorigami/yii2-plugins-system/migrations
Let's start with defining module in @backend/config/main.php
:
'modules' => [
'plugins' => [
'class' => 'lo\plugins\Module',
'pluginsDir'=>[
'@lo/plugins/core', // default dir with core plugins
'@lo/shortcodes' // dir with shortcodes pack
'@common/shortcodes', // dir with our plugins with shortcodes
]
],
],
That's all, now you have module installed and configured in advanced template.
Next, open @frontend/config/main.php
and add following:
...
'components' => [
'plugins' => [
'class' => lo\plugins\components\PluginsManager::class,
'appId' => 1 // lo\plugins\BasePlugin::APP_FRONTEND,
// by default
'enablePlugins' => true,
'shortcodesParse' => true,
'shortcodesIgnoreBlocks' => [
'<pre[^>]*>' => '<\/pre>',
//'<div class="content[^>]*>' => '<\/div>',
]
],
'view' => [
'class' => lo\plugins\components\View::class,
]
...
]
Also do the same thing with @backend/config/main.php
:
...
'components' => [
'plugins' => [
'class' => lo\plugins\components\PluginsManager::class,
'appId' => 2 // lo\plugins\BasePlugin::APP_BACKEND
],
'view' => [
'class' => lo\plugins\components\View::class,
]
...
]