百度360必应搜狗淘宝本站头条
vba高级教程svn连接scheduledtaskmybatis plus结构体数组
当前位置：网站首页 > 编程网 > 正文

laravel5中ueditor的安装和使用 utalk视听实训登录入口

yuyutoo 2024-10-12 01:12 1 浏览 0 评论

小项目需要一个富文本的编辑器，选择了百度开发的ueditor，安装配置过程中也折腾了好久，记录一下过程。

composer 包：https://github.com/stevenyangecho/laravel-u-editor

环境：wamp+laravel5.4

  1. 安装
  • laravel 根目录下找到composer.json , 在 require 中
  • 添加"stevenyangecho/laravel-u-editor": "~1.4"
  • 命令行执行 composer install
  • 打开框架下config目录中 app.php 文件，在 providers
  • 下添加 Stevenyangecho\UEditor\UEditorServiceProvider::class
  • 执行php artisan vendor:publish
  1. 执行完后会public 目录下会新增 laravel-u-editor目录，config中会新增ueditorupload.php 文件
  2. 2.
  3. 使用时在views页面中引入js文件

@include('UEditor::head');

  • 1

需要编辑器的地方嵌入

<!-- 加载编辑器的容器 -->

<script id="container" name="content" type="text/plain">

这里写你的初始化内容

</script>

<!-- 实例化编辑器 -->

<script type="text/javascript">

var ue = UE.getEditor('container');

ue.ready(function() {

ue.execCommand('serverparam', '_token', '{{ csrf_token() }}');//此处为支持laravel5 csrf ,根据实际情况修改,目的就是设置 _token 值.

});

</script>

  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12

我做完这些后出现了一个问题就是没办法上传图片，f12检查发现404报错，

/ueditor/server?action=config&&noCache=1512645502188

Failed to load resource: the server responded with a status of 404 (Not Found)

ueditor.all.js:8092 请求后台配置项http错误，上传功能将不能正常使用！

showErrorMsg @ ueditor.all.js:8092

检查后发现 接口路径没配置对，在laravl-u-editor 目录下 ueditor.config.js文件 中修改33行左右的 serverUrl，改成对应的路径即可。因为我没配置vhost,直接通过localhost目录访问项目，所以需要把项目的相对路径给补全。如果配置了域名，直接通过域名访问应该就不会出现错误了。

这样改完之后就可以上传图片了,上传后发现图片没显示，只出现了图片名，也是路径的问题.

修改UEditorUpload.php 文件中上传图片配置项，把imageUrlPrefix 改成对应的路径前缀。

相关推荐

MySQL5.5+配置主从同步并结合ThinkPHP5设置分布式数据库

前言：本文章是在同处局域网内的两台windows电脑，且MySQL是5.5以上版本下进行的一主多从同步配置，并且使用的是集成环境工具PHPStudy为例。最后就是ThinkPHP5的分布式的连接，读写...

thinkphp5多语言怎么切换（thinkphp5.1视频教程）

thinkphp5多语言进行切换的步骤：第一步，在配置文件中开启多语言配置。第二步，创建多语言目录。相关推荐：《ThinkPHP教程》第三步，编写语言包。视图代码：控制器代码：效果如下：以上就是thi...

基于 ThinkPHP5 + Bootstrap 的后台开发框架 FastAdmin

FastAdmin是一款基于ThinkPHP5+Bootstrap的极速后台开发框架。主要特性基于Auth验证的权限管理系统支持无限级父子级权限继承，父级的管理员可任意增删改子级管理员及权限设置支持单...

Thinkphp5.0 框架实现控制器向视图view赋值及视图view取值操作示

本文实例讲述了Thinkphp5.0框架实现控制器向视图view赋值及视图view取值操作。分享给大家供大家参考，具体如下：Thinkphp5.0控制器向视图view的赋值方式一（使用fetch()方...

thinkphp5实现简单评论回复功能（php评论回复功能源码下载）

由于之前写评论回复都是使用第三方插件：畅言所以也就没什么动手，现在证号在开发一个小的项目，所以就自己动手写评论回复，没写过还真不知道评论回复功能听着简单，但仔细研究起来却无法自拔，由于用户量少，所以...

ThinkPHP框架——实现定时任务，定时更新、清理数据

大家好，我是小蜗牛，今天给大家分享一下，如何用ThinkPHP5.1.*版本实现定时任务，例如凌晨12点更新数据、每隔10秒检测过期会员、每隔几分钟发送请求保证ip的活性等本次分享，主要用到一个名为E...

BeyongCms系统基于ThinkPHP5.1框架的轻量级内容管理系统

BeyongCms内容管理系统(简称BeyongCms)BeyongCms系统基于ThinkPHP5.1框架的轻量级内容管理系统，适用于企业Cms,个人站长等，针对移动App、小程序优化；提供完善简...

YimaoAdminv3企业建站系统，使用 thinkphp5.1.27 + mysql 开发

介绍YimaoAdminv3.0.0企业建站系统，使用thinkphp5.1.27+mysql开发。php要求5.6以上版本，推荐使用5.6,7.0,7.1，扩展(curl,...

ThinkAdmin-V5开发笔记（thinkpad做开发）

前言为了快速开发一款小程序管理后台，在众多的php开源后台中，最终选择了基于thinkphp5的，轻量级的thinkadmin系统，进行二次开发。该系统支持php7。文档地址ThinkAdmin-V5...

thinkphp5.0.9预处理导致的sql注入复现与详细分析

复现先搭建thinkphp5.0.9环境...

thinkphp5出现500错误怎么办（thinkphp页面错误）

thinkphp5出现500错误，如下图所示：相关推荐：《ThinkPHP教程》require():open_basedirrestrictionineffect.File(/home/ww...

Thinkphp5.0极速搭建restful风格接口层

下面是基于ThinkPHPV5.0RC4框架，以restful风格完成的新闻查询（get）、新闻增加（post）、新闻修改（put）、新闻删除（delete）等server接口层。1、下载Thin...

基于ThinkPHP5.1.34 LTS开发的快速开发框架DolphinPHP

DophinPHP（海豚PHP）是一个基于ThinkPHP5.1.34LTS开发的一套开源PHP快速开发框架，DophinPHP秉承极简、极速、极致的开发理念，为开发集成了基于数据-角色的权限管理机...

ThinkPHP5.*远程代码执行高危漏洞手工与升级修复解决方法

漏洞描述由于ThinkPHP5框架对控制器名没有进行足够的安全检测，导致在没有开启强制路由的情况下，黑客构造特定的请求，可直接GetWebShell。漏洞评级严重影响版本ThinkPHP5.0系列...

Thinkphp5代码执行学习（thinkphp 教程）

Thinkphp5代码执行学习缓存类RCE版本5.0.0<=ThinkPHP5<=5.0.10Tp框架搭建环境搭建测试payload...

取消回复欢迎 你 发表评论:

一周热门
最近发表
标签列表