wodrow/yii2-ww-wangeditor

yii2wangeditor

Installs: 70

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 1

Forks: 0

Open Issues: 0

Language:JavaScript

Type:yii2-extension

dev-master 2019-04-19 03:06 UTC

This package is auto-updated.

Last update: 2022-01-05 13:58:33 UTC


README

使用版本为3.1.1

wangEditor 官网

安装

php composer.phar require wodrow/yii2-ww-wangeditor "dev-master"

使用

配置

'modules' => [
    'wangeditor' => [
        'class' => \wodrow\yii2wwwangeditor\WangEditorModule::className(),
        'uploads_root' => "@webroot", // 默认
        'uploads_url' => "@web", // 默认
    ],
],

视图

echo \wodrow\yii2wwwangeditor\widgets\WangEditorWidget::widget([
    'name' => 'content',
    'clientJs' => $clientJs
]);

配置

默认已经配置好,可以直接使用,注意权限和上传限制

clientJs 客户端 js 扩展

可替换变量:

  • {name}:editor实例
  • {hiddenInputId}:隐藏输入域的id

配置举例:

'clientJs' => <<<JS
// 设置上传文件路径
{name}.customConfig.uploadImgServer = '/upload/wang';
// 将富文本的数据更改后加入到隐藏域,该方法默认已经配置,不需要重复写,可以覆盖写
{name}.customConfig.onchange = function (html) {
   $('#{hiddenInputId}').val(html);
}
JS

更多配置见官网配置

预览效果

wangeditor