eluhr/yii2-jedi-editor

Yii2 asset bundle and input widget for germanbisurgi/jedi

0.1.2 2024-11-06 09:51 UTC

Requires

• php: >=8.0
• yiisoft/yii2: ~2.0.0

MIT

• Elias Luhr

• json
• jedi
• yii2
• JSON Schema

README

Yii2 AssetBundle and Input Widget for germanbisurgi/jedi

Installation

The preferred way to install this extension is through composer.

Either run

composer require eluhr/yii2-jedi-editor

or add

"eluhr/yii2-jedi-editor": "*"

to the require section of your composer.json file.

Usage

<?php
/**
 * @var \yii\base\Model $model
 * @var yii\web\View $this
*/

use eluhr\jedi\widgets\JediEditor;
use yii\web\JsExpression;

// Schema can either be of type string, array or stdClass.
$schema1 = '{}';
$schema2 = [];
 
// Without a model
echo JediEditor::widget([
    'id' => 'my-jedi',
    'name' => 'editor',
    'schema' => $schema1,
    // Update theme, see: https://github.com/germanbisurgi/jedi/tree/main?tab=readme-ov-file#theme
    'theme' => JediEditor::THEME_THEME_BOOTSTRAP3,
    'pluginOptions' => [
        // No ref parser
        'refParser' => null
    ]
]);

// Example on how to listen to change event
$this->registerJs(<<<JS
window['my-jedi'].on('change', () => {
    console.log(window['my-jedi'].getValue())
})
JS);

// With a model
echo JediEditor::widget([
    'model' => $model,
    'attribute' => 'attribute_name',
    'schema' => $schema2,
    'pluginOptions' => [
        // You can also set the theme like this
        'theme' => new JsExpression('new Jedi.ThemeBootstrap3()')
    ]
]);

For further informations about the usage of the jedi editor please refer to the docs