texnixe / kirby3-codepen
Kirby 3 plugin providing a KirbyTag for CodePen embeds
Installs: 23
Dependents: 0
Suggesters: 0
Security: 0
Stars: 1
Watchers: 1
Forks: 0
Open Issues: 0
Type:kirby-plugin
Requires
This package is auto-updated.
Last update: 2025-02-22 03:43:35 UTC
README
Kirby 3 CodePen embed
This plugin provides a shortcode (KirbyTag) for embedding CodePens in your text.
Commercial Usage
This plugin is free but if you use it in a commercial project please consider
Installation
Download
Download the files and place them inside site/plugins/kirby-codepen.
Git Submodule
You can add the plugin as a Git submodule.
$ cd your/project/root
$ git submodule add https://github.com/texnixe/kirby3-codepen.git site/plugins/kirby-codepen
$ git submodule update --init --recursive
$ git commit -am "Add Kirby CodePen plugin"
Run these commands to update the plugin:
$ cd your/project/root
$ git submodule foreach git checkout master
$ git submodule foreach git pull
$ git commit -am "Update submodules"
$ git submodule update --init --recursive
Composer
composer require texnixe/kirby3-codepen
Usage
The CodePen Id is required.
(codepen: jwGBh)
Options
Config options
You can set the following default options in your config.php:
'texnixe.codepen.preview' => true;
'texnixe.codepen.height' => 300;
'texnixe.codepen.themeId' => 1
'texnixe.codepen.defaultTab' => 'js,result'
Tag options
You can overwrite the config options in the KirbyTag, e.g.
(codepen: jwGBh height: 250)
In addition to the above settings, the following options are available:
user: default ''title: default ''
Disclaimer
This plugin is provided "as is" with no guarantee. Use it at your own risk and always test it yourself before using it in a production environment. If you encounter any problem, please create an issue.
License
It is discouraged to use this plugin in any project that promotes racism, sexism, homophobia, animal abuse, violence or any other form of hate speech.