fireDows / yii2-mkeditor
CKEditor和KCFinder
0.1.0
2016-04-30 04:18 UTC
Requires
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"/>