Yii2 TuiEditor Widget

TuiEditor.php

<?php namespace app\widgets;

use app\assets\TuiEditorAsset;
use yii\web\JsExpression;
use yii\widgets\InputWidget;
use yii\helpers\Html;
use yii\helpers\Json;

/**
 * Class TuiEditor
 * @package app\widgets
 */
class TuiEditor extends InputWidget
{
    private const JS_KEY = 'app/widgets/tui-editor';

    private $clientOptions = [
        'initialEditType' => 'markdown',
        'previewStyle' => 'vertical',
        'height' => 'auto',
        'minHeight' => '300px',
        'usageStatistics' => false,
        'language' => 'ru',
    ];


    public function run()
    {
        $id = $this->options['id'];
        $tuiEditorId = "{$id}-tui-editor";

        $view = $this->getView();
        TuiEditorAsset::register($view);

        $clientOptions = $this->clientOptions;
        $clientOptions['events']['change'] = new JsExpression("function(){
            let input = $('#{$tuiEditorId}').closest('.tui-editor-widget').find('input');
            input.val(editor.getHtml());
        }");

        $clientOptions = Json::htmlEncode($clientOptions);
        $jsCode = "
            (function(){
                let options = {$clientOptions};
                options.el = document.querySelector('#{$tuiEditorId}');
                let editor = new tui.Editor(options);
            })();
        ";
        
        $view->registerJs($jsCode,
            $view::POS_READY,
            self::JS_KEY . $id
        );

        $value = $this->hasModel()
            ? $this->model->{$this->attribute}
            : $this->value;

        $input = $this->hasModel()
            ? Html::activeHiddenInput($this->model, $this->attribute, $this->options)
            : Html::hiddenInput($this->name, $value, $this->options);

        $editor = Html::tag('div', $value,  [
            'id' => $tuiEditorId
        ]);

        echo Html::tag('div', "{$input} {$editor}", [
            'class' => 'tui-editor-widget'
        ]);
    }


}

TuiEditorAsset.php

<?php namespace app\assets;

use yii\web\AssetBundle;

class TuiEditorAsset extends AssetBundle
{

    public $js = [
        'https://uicdn.toast.com/tui-editor/latest/tui-editor-Editor-full.js'
    ];

    public $css = [
        'https://uicdn.toast.com/tui-editor/latest/tui-editor.css',
        'https://uicdn.toast.com/tui-editor/latest/tui-editor-contents.css',
        'https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.48.4/codemirror.css',
        'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/github.min.css',
    ];

}