shi-yang/yii2-umeditor

UMeditor is a simple version ueditor.

yii2-umeditor

UMeditor is a simple version ueditor.

Installation

The preferred way to install this extension is through composer.

Either run

php composer.phar require --prefer-dist shiyang/yii2-umeditor "*"

or add

"shiyang/yii2-umeditor": "*"

to the require section of your composer.json file.

Usage

Once the extension is installed, simply use it in your code by :

controller:

public function actions()
{
    return [
        'upload' => [
            'class' => 'shiyang\umeditor\UMeditorAction',
        ]
    ];
}

view:

<?php $form = ActiveForm::begin(); ?>

<?= $form->field($model, 'content')->widget('shiyang\umeditor\UMeditor', [
    'clientOptions' => [
        'initialFrameHeight' => 100,
        'toolbar' => [
            'source | undo redo | bold |',
            'link unlink | emotion image video |',
            'justifyleft justifycenter justifyright justifyjustify |',
            'insertorderedlist insertunorderedlist |' ,
            'horizontal preview fullscreen',
        ],
    ]
])->label(false) ?>

<div class="form-group">
    <?= Html::submitButton('Create', ['class' => 'btn btn-primary']) ?>
</div>

<?php ActiveForm::end(); ?>

Further Information

Please, check the Umeditor plugin site or config documentation for further information about its configuration options.

Demo

See umeditor

yii2-umeditor's Issues

项目里的资源包与umeditor的不一样，导致公式无法使用

1. 缺少third-party中的jquery
2. umeditor.config.js 配置多了最下面的filterRules。在umeditor中不是文档上写的有默认值。

这两个导致公式功能无法使用，请更新下包吧。