Почему не работает редактор от imperavi, в логах показано, что не подключается redactor.min.js?

Question

[Светлана Галенко]

Здравствуйте, не работает скрипт redactor.js (функция редактирования текста) в yii2. Не получается сделать текст жирным, добавить картинку, добавить маркеры и так далее. Вот мои логи. В чём может быть причина?

AppAsset.php

<?php
/**
 * @link http://www.yiiframework.com/
 * @copyright Copyright (c) 2008 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

namespace app\assets;

use yii\web\AssetBundle;

/**
 * @author Qiang Xue <[e-mail]>
 * @since 2.0
 */
class AppAsset extends AssetBundle
{
    public $basePath = '@webroot';
    public $baseUrl = '@web';
    public $css = [
//        'css/site.css',
        'css/medical-guide.css',
        'fonts/medical-guide-icons.css',
        'css/default-color.css',
//        'css/bootstrap.css',
        'css/dropmenu.css',
        'css/sticky-header.css',
        'css/style.css',
        'css/settings.css',
        'css/extralayers.css',
        'css/accordion.css',
        'css/tabs.css',
        'css/owl.carousel.css',
        'css/jquery.mmenu.all.css',
        'css/demo.css',
        'css/loader.css',
        'css/cubeportfolio.min.css',
        'css/jquery.fancybox.css',
        'css/piechart-style.css',
        'css/theme-colors/brown.css',
        'css/theme-colors/dark-blue.css',
        'css/theme-colors/green.css',
        'css/theme-colors/light-blue.css',
        'css/theme-colors/light-green.css',
        'css/theme-colors/orange.css',
        'css/theme-colors/pink.css',
        'css/theme-colors/purple.css',
        'css/theme-colors/red.css',
        'css/theme-colors/yellow.css',
    ];
    public $js = [
//        'js/jquery.js',
        'js/scroll-desktop.js',
        'js/scroll-desktop-smooth.js',
        'js/jquery.themepunch.revolution.min.js',
        'js/jquery.themepunch.tools.min.js',
        'js/classie.js',
        'js/jquery-ui-1.10.3.custom.js',
//        'js/counter.js',
        'js/tabs.js',
        'js/owl.carousel.js',
        'js/jquery.mmenu.min.all.js',

        'js/easy-responsive-tabs.js',
        'js/jquery.cubeportfolio.min.js',
        'js/jquery.fancybox.js',
        'js/jquery.fancybox-media.js',
        'js/main.js',
//        'js/piecha/rt.min.js',
        'js/price-slider.js',
        'js/rs-slides.js',
        'js/myjs.js',
        'js/custom.js',
    ];
    public $depends = [
        'yii\web\YiiAsset',
    ];
}

Comments

[Дмитрий]

Доброе утро.
А как Вы подключаете jquery и jquery.ui?
У Вас установлен пакет?

[Светлана Галенко]

slo_nik, Здравствуйте, нет вроде
Вот у меня только jquery для моего шаблона

Мне что ещё отдельно пакет нужно устанавливать? с этого сайта, я так поняла?
https://github.com/yiisoft/yii2-jui

[Дмитрий]

Светлана Галенко, ну я так понял, что jquery.ui Вам нужен.
Установите через composer с github, так же информация по расширениям есть и на официальном сайте yii2.
Устанавливаете
composer require --prefer-dist yiisoft/yii2-jui
Если не решит проблему, то удалить можно так(чтобы не захламлять проект)
composer remove yiisoft/yii2-jui

[Дмитрий]

Светлана Галенко, в yii2 уже есть jquery. Так что нет необходимости подключать ещё раз.
Можно вообще не подключать его из web/js

[Дмитрий]

Светлана Галенко, посмотрите, есть ли у Вас jquery в vendor/bower-asset. Должен быть. Значит подключение в AppAsset самого jquery можно пропустить. Закомментируйте там строку с подключением. Если не поможет, то попробуйте поставить jquery-ui.

[Дмитрий]

Светлана Галенко, так же можно jquery-ui поставить с этого сайта.

[Светлана Галенко]

slo_nik, Всё перепробовала, ничего не помогает..

[Дмитрий]

Светлана Галенко, всё может быть. Возможно и какой-то глюк пакета, возможно.
Ну а смена пакета это самое быстрое решение))), иногда самое верное))).

[Светлана Галенко]

slo_nik, Это точно)) спасибо вам)

Answer 1

[Светлана Галенко]

Проблему так и не решила.. но вместо редактора от imperavi, нашла намного лучше, к тому же с ним и проблем нет.. Вот источник на данное расширение: https://github.com/MihailDev/yii2-ckeditor
Нашла данное расширение на ресурсе https://webformyself.com/yii2-ckeditor/
Вот что у меня получилось:)

В общем спасибо всем огромное кто пытался мне помочь!))

Answer 2

[Дмитрий Ким]

Ваш AppAsset уже зависит от yii\web\YiiAsset, который в свою очередь зависит от JqueryAsset, а вы еще один jquery.js подключаете.

PS: сорян, вижу, что закоментили.

Comments

[Светлана Галенко]

Я закомментировала jquery.js но ошибка остаётся..

[Дмитрий Ким]

Светлана Галенко, а сам redactor.js где подключается?

[Светлана Галенко]

Дмитрий Ким,

[Дмитрий Ким]

Светлана Галенко, он просто там лежит, а подключаете вы его как?

[Светлана Галенко]

Дмитрий Ким, никак... его ещё нужно в asset подключать? если да то как?

[Дмитрий Ким]

Светлана Галенко, ну, если вы хотите подключить redactor.js как ресурс, вы должны его указать в своём Asset так же как и остальные скрипты.
Если он вам нужен только на какой-то определенной странице, то можете подключить так:

$this->registerJsFile(Yii::$app->assetManager->getBundle(AppAsset::class)->baseUrl.'/redactor.js', ['depends' => AppAsset::class]);

при условии, что он есть в вашей папке с ресурсами.