1. Go to this page and download the library: Download kdn/yii2-json-editor library. Choose the download type require.
2. Extract the ZIP file and open the index.php.
3. Add this code to the index.php.
<?php
require_once('vendor/autoload.php');
/* Start to develop here. Best regards https://php-download.com/ */
kdn / yii2-json-editor example snippets
use kdn\yii2\JsonEditor;
echo JsonEditor::widget(['name' => 'editor', 'value' => '{"foo": "bar"}']);
echo JsonEditor::widget(
[
// JSON editor options
'clientOptions' => [
'modes' => ['code', 'form', 'preview', 'text', 'tree', 'view'], // all available modes
'mode' => 'tree', // default mode
'onModeChange' => 'function (newMode, oldMode) {
console.log(this, newMode, oldMode);
}',
],
'collapseAll' => ['view'], // collapse all fields in "view" mode
'containerOptions' => ['class' => 'container'], // HTML options for JSON editor container tag
'expandAll' => ['tree', 'form'], // expand all fields in "tree" and "form" modes
'name' => 'editor', // hidden input name
'options' => ['id' => 'data'], // HTML options for hidden input
'value' => '{"foo": "bar"}', // JSON which should be shown in editor
]
);
echo $form->field($model, 'data')->widget(
JsonEditor::class,
[
'clientOptions' => ['modes' => ['code', 'tree']],
'decodedValue' => $model->data, /* if attribute contains already decoded JSON,
then you should pass it as shown, otherwise omit this line */
]
);