Yii 如何使用 Ueditor ?

Yii 如何使用 Ueditor ?

Yii 如何使用 Ueditor ?

首先在入口文件目录下新建public目录和uploads目录;

然后下载Ueditor,解压到public目录下;

接着引“ueditor for yii2”库,并定义自定义上传目录;

"imagePathFormat": "/uploads/ueditor/image/{yyyy}{mm}{dd}/{time}{rand:6}",    "scrawlPathFormat": "/uploads/ueditor/image/{yyyy}{mm}{dd}/{time}{rand:6}"

最后在视图中引入使用即可。

<?php use yiihelpersHtml; use yiibootstrapActiveForm; //引入百度编辑器 $this->registerJsFile('@web/public/ueditor/ueditor.config.js');//注册自定义js $this-&gt;registerJsFile('@web/public/ueditor/ueditor.all.min.js'); $this-&gt;registerJsFile('@web/public/ueditor/lang/zh-cn/zh-cn.js'); ?&gt; <script>  $(function(){     var ue = UE.getEditor(&#39;editor&#39;);  }) </script><style>     .inline .radio,.inline .checkbox{display: inline-block;margin: 0 5px;}     #editor{margin-top: 20px;padding:0;margin:20px 0;width:100%;height:auto;border: none;}      </style><?php  $form=ActiveForm::begin([         &#39;id&#39;=>'upload',         'enableAjaxValidation' =&gt; false,         'options'=&gt;['enctype'=&gt;'multipart/form-data']     ]); ?&gt;     = $form-&gt;field($model,'title')-&gt;textInput();?&gt;     = $form-&gt;field($model, 'image')-&gt;fileInput();?&gt;     = $form-&gt;field($model,'content')-&gt;textarea(['rows'=&gt;6,'id'=&gt;'editor','class'=&gt;'col-sm-1 col-md-12']);?&gt;     =  Html::submitButton('提交', ['class'=&gt;'btn btn-primary','name' =&gt;'submit-button']) ?&gt;  <?php  ActiveForm::end();?>

推荐教程:《Yii教程

© 版权声明
THE END
喜欢就支持一下吧
点赞14 分享