Ueditor 专题

  • 时间:
  • 浏览:1
  • 来源:彩神大发APP_神彩大发APP官方

当前文档的例子是按照 php 后台介绍,其中的配置项以 图片上传 为例介绍,有些上传配置法律妙招 相似。

让我测试你的网站下的路径 ueditor/php/controller.php?action=config 与非 正常返回了json格式的后端配置内容,格式大致如下。机会你四种 请求出错,突然再次出现1000、10000等错误,编辑器上传相关的功能将都可否 了正常使用。

1.3 检查与非 正常加载后台配置项

UEditor 1.4.2+ 起,把前后端相关的配置项都装入 后端文件 php/config.json 设置(配置介绍),在初始化一定会向 serverUrl 发起获取后端配置的请求。



正确的初始化法律妙招

UEditor为开发者提供了ready接口,他会在编辑器所有的初始化操作都开始了了英语 时调用。保证帮我做的操作能在有一两个多多完整性的初始化环境中执行。

使用法律妙招

线上下载ueditor

下载地址:ueditor,要下载"完整性版 + 源码"

安装nodejs

1.1 下载编辑器

当前文档介绍的是通用的后台配置法律妙招 ,具体的配置,还时需移步各后台的使用说明:

以终端法律妙招 (windows用户用cmd)进入ueditor源码根目录,执行

grunt

你四种 命令会根据Gruntfile.js执行打包打包的任务,运行过程 时需java环境 支持

命令完成后,ueditor目录下会突然再次出现dist/目录,上面有帮我的打包好的ueditor文件夹,默认是utf8-php文件夹

打包有些版本

执行打包grunt命令时,都可否 能了传入编码和后台语言的参数

npm update minimatch

npm install -g npm@3

git clone 仓库

npm install 安装依赖(机会没有 安装 grunt , 请先在全局安装 grunt)

在终端执行 grunt default

http://fex.baidu.com/ueditor/#qa-customurl

如何自定义请求地址

本文档说明修改请求地址的法律妙招 。

下载 nodejs 并安装入 本地

安装成功后,打开控制台,在控制台下输入

node -v

机会控制台输出nodejs的版本。那恭喜你,nodejs安装好了,都可否 能了使用ctrl+c退出node模式.

安装打包时需的grunt插件

提交表单

提交表单设置

按照部署编辑器的教程,完成编辑器加载

使用grunt打包源代码

随着 nodejs 和 grunt 的火爆,UEditor 采用了 grunt 来作为线下的合并打包工具,支持编码和后台语言指定。

<!DOCTYPE HTML>

<html lang="en-US">

$ npm install

npm WARN deprecated minimatch@0.2.14: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue

npm WARN deprecated minimatch@0.3.0: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue

npm WARN deprecated graceful-fs@1.2.3: graceful-fs v3.0.0 and before will fail o n node releases >= v7.0. Please update to graceful-fs@^4.0.0 as soon as possible . Use 'npm ls graceful-fs' to find it in the tree.

npm ERR! Windows_NT 10.0.100063

npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\ node_modules\\npm\\bin\\npm-cli.js" "install"

npm ERR! node v7.2.1

npm ERR! npm v3.10.10

http://fex.baidu.com/ueditor/#dev-bale_width_grunt

http://www.jb51.net/article/1000594.htm

上面的值php的配置值,有些语言请看对应的后台的使用说明。

http://fex.baidu.com/ueditor/#server-deploy

把容器装入 form表单上面,设置好要提交的路径,如下面代码中的<form>标签



如何阻止div标签自动转换为p标签

背景

开始了了英语 英语 使用UEditor的开发者,会发现有一两个多多大大问题,粘中放编辑器中的内容机会饱含div标签,待粘中放编辑器过后,会发现粘中放编辑器中的div机会被转换为p标签了。首先你四种 定会有一两个多多bug,这是UEditor对于进入编辑器中的数据进行的过滤补救。在UEditor中表示段落的标签是p标签,不用 有的编辑操作一定会基于p标签进行的补救。当然当我门对div标签也做了兼容性的补救,机会你想保留div标签不用UEditor进行转换也是都可否 能了的。

http://fex.baidu.com/ueditor/#qa-allowDivToP

支持四种 编码指定:--encode参数

utf8 (默认编码)

gbk

提供四种 后台语言支持:--server参数

UE.getEditor('editor').ready(function() {

//this是当前创建的编辑器实例

this.setContent('内容')

}) UEditor的老用户会说,一定会还有个addListener都可否 能了注册ready事件吗?

UE.getEditor('editor').addListener('ready', function() {

//this是当前创建的编辑器实例

this.setContent('内容')

}) 嘴笨 有一两个多多多写也能达到效果,但有一两个多多多创建有个小大大问题。机会的这段代码是用在第一次创建时就没有 大大问题。但机会编辑器机会创建,你时需再次赋值,想使用同一段代码,这时,这里的事件ready是不用触发的。但你调用接口ready注入你的操作,你四种 法律妙招 ,会判断机会你的编辑器机会初始化完成了,那ready机会自动加载注入的内容,机会还没有 初始化开始了了英语 ,它会有些人注册ready事件,当完成初始化后再掉起有些人。不用 有建议开发者使用ready接口作为初始化时注入操作。

机会升级后依旧报错。就时需重装minimatch:

1 部署说明

UEditor 在静态服务器下,也都可否 能了正常加载到容器上,有过后 上传图片等后台相关的功能是都可否 了都可否 了使用的,时需有后台语言支持也能正常使用。

应用场景

ueditor 1.4.2+ 推荐使用唯一的请求地址,通过GET参数action指定不同请求类型。 但不用 有用户都希望使用有些人写好的上传地址,下面提供四种 补救法律妙招 : 机会所有ueditor请求都通过editor对象的getActionUrl法律妙招 获取请求地址,都可否 能了直接通过复写你四种 法律妙招 实现,例子如下:

阻止转换

以终端法律妙招 (windows用户用cmd)进入ueditor源码根目录,执行

npm install

你四种 命令会根据package.json文件,安装打包时需的grunt和grunt插件

安装开始了了英语 后,会在ueditor目录下突然再次出现有一两个多多node_modules文件夹

执行打包命令

php:PHP 使用说明

asp:ASP 使用说明

asp.net:AST.NET 使用说明

jsp:JSP 使用说明

1.2 配置 serverUrl 参数

UEditor 1.4.2+ 起,推荐使用统一的请求路径,在你部署好前端代码后,你时需修改 ueditor.config.js 里的 serverUrl 参数,改成 URL + 'php/controller.php'

https://github.com/xwjie/SpringBootUeditor

MINGW64 /c/github/editor/ueditor (dev-1.5.0)

$ npm update minimatch@3.0.2

$ npm update -d

查看minimatch版本

action类型以及说明

uploadimage://执行上传图片或截图的action名称

uploadscrawl://执行上传涂鸦的action名称

uploadvideo://执行上传视频的action名称

uploadfile://controller里,执行上传视频的action名称

catchimage://执行抓取远程图片的action名称

listimage://执行列出图片的action名称

listfile://执行列出文件的action名称

npm ERR! Please include the following file with any support request:

npm ERR! C:\github\editor\ueditor\npm-debug.log

<body>

<form action="server.php" method="post">

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

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

这里写你的初始化内容

</script>

</form>

<!-- 配置文件 -->

<script type="text/javascript" src="ueditor.config.js"></script>

<!-- 编辑器源码文件 -->

<script type="text/javascript" src="ueditor.all.js"></script>

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

<script type="text/javascript">

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

</script>

</body>

http://fex.baidu.com/ueditor/#qa-ready



文档说明

支持版本:支持 UEditor 1.4.2+ 的版本

</html>

上一篇: 1.4 目录介绍

<head>

<meta charset="UTF-8">

<title>ueditor demo</title>

</head>

1.1 选泽后台语言

UEditor 提供了四种 后台语言 php,asp,asp.net,jsp,让我选泽你熟悉的语言部署到你的服务器,本文上面以php为例子介绍。

npm ERR! shasum check failed for C:\Users\TANGCH~1\AppData\Local\Temp\npm-32152- e4fed653\registry.npmjs.org\underscore.string\-\underscore.string-2.3.3.tgz

npm ERR! Expected: 71c08bf6b428b1133f37e78fa3a21c82f7329b0d

npm ERR! Actual: 8d82a2fa42b2b76e72f8bb55b36212e17d8d5eda

npm ERR! From: https://registry.npmjs.org/underscore.string/-/underscore.str ing-2.3.3.tgz

npm ERR!

npm ERR! If you need help, you may report this error at:

npm ERR! <https://github.com/npm/npm/issues>

grunt --encode=gbk --server=asp

php (默认语言)

jsp

net (代表.net后台)

asp

相似:我要我打包成编码是gbk,后台语言是asp版本,可执行命令:

UEditor

支持版本

支持 UEditor 1.3.0+ 的版本

猜你喜欢

在.NetCore中使用Myrmec检测文件真实格式

github地址:https://github.com/rocketRobin/myrmecnuget地址:https://www.nuget.org/packages/Myr

2020-03-22

目前哪些手机可以无线充电怎么无线充电

三星S10Plus华为Mate20Pro无线充电,是近一两年来在旗舰手机上经常出显的俩个 多功能,当然,目前来看,搭载无线充电功能的手机还不过多,我来推荐几款。华为Mate2

2020-03-22

阿里云CDN直播架构与双11晚会直播实战

电商直播的最佳实践猫晚流量再创记录,阿里云直播方案护航优酷21150万用户体验【云栖精选11月刊】揭秘双11肩头的互联网技术超级工程阿里云跨界商务媒体合作芒果TV看明星也用云计

2020-03-21

国美 京东 天猫 苏宁在哪个买电器便宜靠谱?

下载百度知道APP,抢鲜体验至于价格展开完整性使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。不得劲推荐为你推荐:基本差太满换一换你对这种回答的评价是

2020-03-21

2019年即将进入尾声,你的2020年最想做什么事?

3、找到俩个 多多 可不还要长期发展的行业并现在结速投资。不怎么推荐展开全部8、希望我的第7条可不还要实现。5、希望我中间的1234条都能实现。使用百度知道APP,立即抢鲜

2020-03-21