yii2basic下使用ueditor

最新推荐文章于 2021-06-19 03:47:58 发布

Spider--Man

最新推荐文章于 2021-06-19 03:47:58 发布

阅读量848

点赞数

分类专栏： php 文章标签： yii2 ueditor

本文链接：https://blog.csdn.net/wojiong132/article/details/46849785

版权

php 专栏收录该内容

8 篇文章 1 订阅

订阅专栏

本文档介绍了如何在Yii2Basic框架下集成并使用UEditor编辑器。首先，将UEditor下载并置于项目的public目录下，接着创建view文件ueditor.php以配置和展示编辑器。

摘要由CSDN通过智能技术生成

1、下载ueditor，在yii2目录的web文件夹下新建的public文件夹，把ueditor放入public下
2、在view下新建ueditor.php文件

<?php
use yii\helpers\Html;
use yii\bootstrap\ActiveForm;

/* @var $this yii\web\View引入相关js文件 */
<?=Html::jsFile('@web/public/ueditor/ueditor.config.js')?>

<?=Html::jsFile('@web/public/ueditor/ueditor.all.min.js')?>
<?=Html::jsFile('@web/public/ueditor/lang/zh-cn/zh-cn.js')?>

<?php $form = ActiveForm::begin([
    'id' => 'upload',
    'enableAjaxValidation' => false,
    'options' => ['enctype' => 'multipart/form-data']
]);
?>
<?= $form->field($model, 'content')->textarea(['rows' => 100, 'id' => 'editor', 'class' => 'col-sm-1 col-md-12']); ?>
<?= Html::submitButton($model->isNewRecord ? 'Create' : 'Update', ['class' => $model->isNewRecord ? 'btn btn-success' : 'btn btn-primary']) ?>

<?php ActiveForm::end(); ?>

<script type="text/javascript">
    window.onload=function(){
            var ue = UE.getEditor('editor');//把ueditor实例化到textarea表单上，注意getEditor()参数为表单id
      }
</script>