fireDows/yii2-mkeditor

CKEditor和KCFinder

安装: 21

依赖: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分支: 1

开放问题: 1

类型:yii2-extension

0.1.0 2016-04-30 04:18 UTC

This package is auto-updated.

Last update: 2024-09-23 15:51:12 UTC


README

CKEditor和KCFinder Mkeditor

CKEditor和KCFinder

安装

安装此扩展的首选方法是通过 composer

运行以下命令之一:

composer require firdows/yii2-mkeditor "*"

或者将以下内容添加到您的 composer.json 文件的 require 部分:

"firdows/yii2-mkeditor": "*"

使用方法

安装扩展后,只需在代码中通过以下方式使用它:

将textarea转换为CKEditor

<?php
//CKEditor
echo $form->field($model, 'detail')->widget(
  \firdows\mkeditor\CKEditor::className(), 
  [
    'uploadDir' => '/var/www/public_html/UserFiles',
    'uploadURL' => '/UserFiles/',
    'filemanager'=>true, //true = enabled kcfinder, false = disabled kcfinder
    'preset'=>'full' //toolbar -> basic, standard, full
  ]
)->label(false); ?>

示例

使用On Change的用法

<?php $this->registerJs(" 
    var content = '';
    CKEDITOR.on('instanceCreated', function (e) {
    content = e.editor.getData();
      e.editor.on('change', function (ev) {
        content = ev.editor.getData();
      });
    });

"); ?>

<?php
//CKEditor
echo $form->field($model, 'detail')->widget(
  \firdows\mkeditor\CKEditor::className(), 
  [
    'uploadDir' => '/var/www/public_html/UserFiles',
    'uploadURL' => '/UserFiles/',
    'filemanager'=>true, //true = enabled kcfinder, false = disabled kcfinder
    'preset'=>'full', //toolbar -> basic, standard, full
    'onChange' => true
  ]
)->label(false); ?>

示例
<img src="http://ikhlasservice.com/uploads/capture/Update Article.png"width="400"/>

贡献者

Jehdu Ahmad