PHP使用 uEditor富文本编辑器

一、下载地址： https://ueditor.baidu.com/website/download.html
选择开发版-[1.4.3.3 PHP版本] UTF-8版下载
二、初始化配置：https://fex.baidu.com/ueditor/#start-config
三、实例化示例（yaf框架）

<!-- 加载编辑器的容器 -->
<script id="container" name="content" type="text/plain">这里写你的初始化内容
</script>
<!-- 配置文件 -->
<script type="text/javascript" src="<?php echo $cdn_host;?>js/ueditor1_4_3_3-utf8-php/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="<?php echo $cdn_host;?>js/ueditor1_4_3_3-utf8-php/ueditor.all.js"></script><!-- 实例化编辑器 -->
<script type="text/javascript">//设置高度，法一/*var ue = UE.getEditor('container');ue.ready(function() {   //ue.ready()：表示当ue准备好了的时候.ue.setHeight(400);});*///设置高宽var ue = UE.getEditor('container',{initialFrameWidth : 600,initialFrameHeight: 400});
</script>

四、可能遇到的问题
1、ueditor.config.js配置中第22行

var URL = window.UEDITOR_HOME_URL || getUEBasePath();

这里的URL意思就是该文件的完整路径（根目录），即 URL + ueditor.config.js 能在浏览器访问到
要看情况是否要自己写，我的话是yaf框架，这样写：

var host = window.location.origin;
var URL = host + '/js/ueditor1_4_3_3-utf8-php/';

2、下拉框 [ 自定义标题，段落格式，字体，字号，表情 ] 不能展开，就是点击之后没效果
属性：zIndex {Number} [默认值：900] //编辑器在页面上的z-index层级的基数，默认是900
解决：ueditor.config.js 第64行左右

,zIndex : 99999999

如果还不行，改成1100试下
3、UEditor 第一次加载正常，第二次无法正常加载问题
法一：

 UE.getEditor('container').render('container')

法二：

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

五、其他配置
   1、如果想要自定义路径上传，得修改ueditor.config.js 33行左右 serverUrl 的值
   2、../ueditor1_4_3_3-utf8-php/php/config.json中配置PHP相关信息
       如：imagePathFormat：配置本地上传图片保存的位置

PHP使用 uEditor富文本编辑器相关推荐

Ueditor富文本编辑器
Ueditor富文本编辑器 Ueditor富文本编辑器插件应用步骤如下: 1.引入css和js文件 2.设置承载标签设置富文本编辑器的承载标签,必须设置id属性.一般使用textarea或scrip ...
ueditor富文本编辑器过滤了代码，如何取消？
后台UEditor富文本编辑器,编辑的代码被强制过滤,并被强制修改成<p>标签?导致前台页面效果不对? ueditor富文本编辑器,虽然好用,但是很多时候,如果没有足够的使用经验,一般是很 ...
java 接收前台富文本_前后端分离ueditor富文本编辑器的使用-Java版本
最近在写一个自己的后台管理系统(主要是写着玩的,用来熟悉后端java的知识,目前只是会简单的写点接口),想在项目中编写一个发布新闻文章的功能,想到了使用百度的ueditor富文本编辑器,网上找了很多j ...
MVC 使用 Ueditor富文本编辑器
一.Ueditor 1.下载Ueditor富文本编辑器官方下载地址: http://ueditor.baidu.com/website/download.html 建议下载开发版,此处我下载的是 . ...
java 百度副文本_spring boot 、springMVC环境集成百度ueditor富文本编辑器
spring-boot-mvc-ueditor-qiniu spring boot .springMVC环境集成百度ueditor富文本编辑器,使用七牛云存储图片依赖库版本: spring boot ...
php引入百度Ueditor富文本编辑器
php引入百度Ueditor富文本编辑器文本编辑器插件内容丰富,比起传统的textarea标签输入要好用很多,看看如何在页面实现引入吧 1.下载适合的资源包(可以去官网下载适合的版本),我是php引 ...
ueditor富文本编辑器使用百度地图自定义动态地图组件及兼容https及http协议
ueditor富文本编辑器默认支持百度地图组件,但是如果导入动态地图后会加很多默认的地图组件在上面.如果需要自定义动态地图的组件则需要修改ueditor特定的html. ueditor百度地图组件所在 ...
UEditor富文本编辑器不显示问题
项目场景: vue中if判断后使用文本编辑器(误区) 问题描述: 在div中使用v-if判断是否显示UEditor富文本编辑器,在判断为true的情况下富文本编辑器并未加载出. <!-- 判断富 ...
QT QWebEngineView+UEditor富文本编辑器
QT QWebEngineView+UEditor富文本编辑器一.简述记--简单使用QWebEngineView+UEditor富文本编辑器实现一个简单的编辑器,支持图片(支持右键粘贴,支持直接拖 ...
UEditor 富文本编辑器-后端实现文件上传功能
一.背景前端使用 UEditor 富文本编辑器,前后端分离情况下,需要后端提供一个接口实现文件上传功能本文根据文章:vue+Ueditor集成 [前后端分离项目][图片.文件上传][富文本编辑] ...

PHP使用 uEditor富文本编辑器

PHP使用 uEditor富文本编辑器相关推荐

最新文章

热门文章