PHPackages                             f2h2h1/yii2-tinymce - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. f2h2h1/yii2-tinymce

ActiveYii2-extension[Utility & Helpers](/categories/utility)

f2h2h1/yii2-tinymce
===================

tinymce integration for yii2

0.0.2(4y ago)284↑100%2MITJavaScriptPHP >=7.4.0

Since Mar 18Pushed 4y ago2 watchersCompare

[ Source](https://github.com/f2h2h1/yii2-tinymce)[ Packagist](https://packagist.org/packages/f2h2h1/yii2-tinymce)[ RSS](/packages/f2h2h1-yii2-tinymce/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependencies (2)Versions (3)Used By (0)

yii2-tinymce
============

[](#yii2-tinymce)

这是 tinymce 在 yii2 的小部件。可以使用 elfinder 上传图片和文件。

欢迎 issues 和 pull

快速开始
----

[](#快速开始)

安装

```
composer require --prefer-dist f2h2h1/yii2-tinymce

```

在视图里引用

```
echo \F2h2h1\Yii2Tinymce\TinyMCE::widget([
    'tagId' => 'tinymceid', // 这是 tinymce 标签的 id
]);
```

elfinder
--------

[](#elfinder)

tinymce 可以使用 elfinder 上传图片和文件。作者在开发时使用的是这个组件 [mihaildev/yii2-elfinder](https://github.com/MihailDev/yii2-elfinder) 下面的例子里和 elfinder 相关的部分都是使用这个组件的

这是 mihaildev/yii2-elfinder 配置的参考，这段配置是加在 config/main.php 或 config/main-loacl.php 里的

```
    'controllerMap' => [
        'elfinder' => [
            'class' => \mihaildev\elfinder\Controller::class,
            'roots' => [ // 这里可以填多个 VolumeDriver
                [
                    'baseUrl'=>'@web',
                    'basePath'=>'@webroot', // 上传的 basePath
                    'path' => 'public', // 在上传 basePath 下的路径，就是实际的上传路径
                    'name' => 'public', // 图片/文件根目录名称，可随意。
                    'options' => [ // 这里才是 elfinder 的配置，上面几项都是 mihaildev/yii2-elfinder 的配置
                    ]
                ],
            ],
        ],
    ],
```

需要在视图里引入 elfinder 的依赖

```
\mihaildev\elfinder\Assets::register($this);
// 如果需要设置中文或其它语言，需要引入这项
\mihaildev\elfinder\Assets::addLangFile(\Yii::$app->language, $this);
```

elFinder integrator 来自这个库 [nao-pon/tinymceElfinder](https://github.com/nao-pon/tinymceElfinder)

例子
--

[](#例子)

### 有默认值的

[](#有默认值的)

```
echo \F2h2h1\Yii2Tinymce\TinyMCE::widget([
    'tagId' => 'tinymceid', // 这是 tinymce 标签的 id
    'defaultValue' => 'qweasd', // 这是默认值
]);
```

### 修改 tinymce 的配置

[](#修改-tinymce-的配置)

```
echo \F2h2h1\Yii2Tinymce\TinyMCE::widget([
    'tagId' => 'tinymceid', // 这是 tinymce 标签的 id
    'options' => [ // 在这里添加 tinymce 的配置
        'plugins' => 'code',
    ],
    'defaultValue' => 'qweasd', // 这是默认值
]);
```

### 加上 elfinder

[](#加上-elfinder)

```
echo \F2h2h1\Yii2Tinymce\TinyMCE::widget([
    'tagId' => 'tinymceid', // 这是 tinymce 标签的 id
    'options' => [ // 在这里添加 tinymce 的配置
        'plugins' => 'image, link, media, imagetools, code',
    ],
    'elfinder' => [ // 在这里添加 elfinder 的配置
        'url' => \yii\helpers\Url::to(['elfinder/connect']),
        'uploadTargetHash' => 'l1_XA',
        'nodeId' => 'elfinder',
        'customData' => [
            \Yii::$app->request->csrfParam => \Yii::$app->request->csrfToken, // 这是 yii2 的 csrf ，如果禁用了 csrf 可以不加这一项
        ],
    ],
    'defaultValue' => 'qweasd', // 这是默认值
]);
```

### 给 tinymce 和 elfinder 加上中文

[](#给-tinymce-和-elfinder-加上中文)

```
echo \F2h2h1\Yii2Tinymce\TinyMCE::widget([
    'tagId' => 'tinymceid', // 这是 tinymce 标签的 id
    'options' => [ // 在这里添加 tinymce 的配置
        'plugins' => 'image, link, media, imagetools, code',
        'language_url' => '/js/TinyMCE_zh_CN.js', // 这个路径需要能被页面访问到
        'language' => 'zh_CN',
    ],
    'elfinder' => [ // 在这里添加 elfinder 的配置
        'url' => \yii\helpers\Url::to(['elfinder/connect']),
        'nodeId' => 'elfinder',
        'customData' => [
            \Yii::$app->request->csrfParam => \Yii::$app->request->csrfToken, // 这是 yii2 的 csrf ，如果禁用了 csrf 可以不加这一项
        ],
        'lang' => 'zh_CN',
    ],
    'defaultValue' => 'qweasd', // 这是默认值
]);
```

> 这个库并不包含汉化文件， tinymce 的汉化文件可以在这里下载

### 在 form 表单里使用

[](#在-form-表单里使用)

```