yii2basic下使用ueditor

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>

3、

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-09 18:45:46

yii2basic下使用ueditor的相关文章

ThinkPHP下使用Ueditor

在做课程设计的时候想到用百度的Ueditor,可在配置的时候出现了一些问题 Ueditor感觉不是很难,以前有个人定制的,现在取消了这项服务,但是我们可以自己进行配置 下载地址:http://ueditor.baidu.com/website/download.html#ueditor 下载好文件后,把文件解压,把文件里的所有文件放到项目下的Public文件下, 因为我们在很多地方都需要使用编辑器,所以放在Public下方便使用 在<head>--</head>下添加如下代码 ?

新浪SAE环境下使用UEditor

在这个博客中,使用了百度UEditor编辑器,这个编辑器确实不错,开源,而且实现了许多常用的功能.这是官网给出的介绍:UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码... 我 这个博客是放在新浪SAE上的,每次在测试程序的都是现在本地测试,如果成功,就上传到SAE,这次使用Ueditor编辑器也是这样,在本地测试成功 后,就上传到SAE,但在发表博客时,却发现上传图片失败,搜索变了各种方法,

asp.net mvc4+EF 下使用UEditor

一.从官方网站下载UEditor,http://ueditor.baidu.com/website/download.html, 我下载的是1.53.net版本 二.使用VS2013创建MVC4 工程,添加UEditor到Content下 三.在VS中创建EF,主要model如下 using System; using System.Collections.Generic; public partial class TestUeditor { public int id { get; set;

asp.net mvc5 使用百度ueditor 本编辑器完整示例(下)配置上传播放视频

通过 asp.net mvc5 使用百度ueditor 本编辑器完整示例(上)介绍,可以上传图片到服务器了,也可以上传小的视频文件,并且由百度编辑器自动加入html5<video>标签播放视频. 但是,遇到大文件上传,会点不动,会无法上传. 一.修改百度编辑器的ueditor/net 文件夹下config.json .修改上传视频 最大值512M ,上传文件配置:1024M; /* 上传视频配置 */ "videoActionName": "uploadvideo

UEditor

UEditor1.4.3实现跨域上传到独立文件服务器,完美解决单文件和多文件上传! 首先去ue官网下载1.43版 .net版本,解压之后,把demo文件夹改成web,把net那个文件夹拷贝出来放到web外面,如图: 这样就把编辑器的静态文件和动态文件分离了,动态部分放到文件服务器上,静态部分集成到我们的网站上. 下面我就用c.com绑定到web目录,d.com绑定到net目录(a.b.com我在测试的时候用了).先在本地IIS创建两个站点,如图设置: 接下来要设置Hosts才能访问,这是模拟的绑

Ueditor中代码的高亮和背景在前端页面的实现

首先废话就不多说,这个富文本编辑器的下载和js等基本文件的导入略. 我的最终目标是这样的,我们在页面中的富文本框中输入代码,希望它能够被后台接受.存入数据库,当通过服务器将这些代码再一次显示在前台的页面上的时候,我们希望所呈现的是如下的情况: 就是说需要对代码的背景和高亮的部分的样式也进行保存.我的解决过程是这样的(假设在demo.html中进行输入,在demo.php中进行处理和呈现): 1. 首先在网上查找相关信息,发现需要第三方插件,而这第三方插件就在我们的ueditor的下载包中,ued

百度编辑器(Ueditor)

1.下载ue   utf-8版本 ueditor1_3_6-utf8-jsp 2.解压后的文件目录结构如下所示 3.目录和文件说明 dialogs:弹出对话框对应的资源和JS文件 lang:编辑器国际化显示的文件 php或jsp或net:涉及到服务器端操作的后台文件 themes:样式图片和样式文件 third-party:第三方插件(包括代码高亮,源码编辑等组件) ueditor.all.js:开发版代码合并的结果,目录下所有文件的打包文件 ueditor.all.min.js:ueditor

MVC使用百度开源文本编辑器UEditor实现图文并茂,字数限制,上传图片或涂鸦

原文:MVC使用百度开源文本编辑器UEditor实现图文并茂,字数限制,上传图片或涂鸦 文本编辑器有很多,比如ticymce和CKEditor就比较好用,但涉及到图片.文件上传,需要结合CKFinder实现,而且有些功能是收费的,即使有意付费使用, 支付也不方便.好在百度的开源文本编辑器UEditor现在也发展得不错,本篇就来体验其在MVC中的使用.需要实现如下效果: 1.上传图片2.上传涂鸦3.字数限制 4.另一视图页图文显示 首先到这里下载UEditor的.NET版本,我下载的是[1.4.3

python+ueditor+七牛云存储整合

开发环境:python pyramid. 参考网址:http://developer.qiniu.com/docs/v6/sdk/python-sdk.html,http://my.oschina.net/duoduo3369/blog/174655 项目中要将ueditor集成到网站,但是图片上传有问题.于是采取客户端(终端用户) => 七牛 => 业务服务器的方式来处理图片.详细的流程这篇文章写的很清楚:http://my.oschina.net/duoduo3369/blog/17465