Ueditor 专题

  • 时间:
  • 浏览:1

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

grunt

这种 命令会根据Gruntfile.js执行打包打包的任务,运行过程 都要java环境 支持

命令完成后,ueditor目录下会经常老出dist/目录,里面有我可不都要要的打包好的ueditor文件夹,默认是utf8-php文件夹

打包这种 版本

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

<!DOCTYPE HTML>

<html lang="en-US">

<head>

<meta charset="UTF-8">

<title>ueditor demo</title>

</head>

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

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>

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

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

npm install

这种 命令会根据package.json文件,安装打包都要的grunt和grunt插件

安装开始英文英文了后,会在ueditor目录下经常老出有另有一1个node_modules文件夹

执行打包命令

应用场景

ueditor 1.4.2+ 推荐使用唯一的请求地址,通过GET参数action指定不同请求类型。 但这种 这种 用户都希望使用此人 写好的上传地址,下面提供一种生活处理土方法: 肯能所有ueditor请求都通过editor对象的getActionUrl土方法获取请求地址,可不都要直接通过复写这种 土方法实现,例子如下:

1.3 检查算是 正常加载后台配置项

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

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

让人测试你的网站下的路径 ueditor/php/controller.php?action=config 算是 正常返回了json格式的后端配置内容,格式大致如下。肯能这种 请求出错,经常老出50、50等错误,编辑器上传相关的功能将这样正常使用。

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

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

grunt --encode=gbk --server=asp

</html>

上一篇: 1.4 目录介绍

npm update minimatch

npm install -g npm@3

肯能升级后依旧报错。就都要重装minimatch:

UEditor

$ 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.5063

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

action类型以及说明

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

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

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

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

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

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

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

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接口作为初始化时注入操作。

当前文档的例子是按照 php 后台介绍,其中的配置项以 图片上传 为例介绍,这种 上传配置土方法同类。

git clone 仓库

npm install 安装依赖(肯能这样安装 grunt , 请先在全局安装 grunt)

在终端执行 grunt default



正确的初始化土方法

UEditor为开发者提供了ready接口,他会在编辑器所有的初始化操作都开始英文英文了时调用。保证我可不都要要做的操作能在有另有一1个全部的初始化环境中执行。

使用土方法

线上下载ueditor

下载地址:ueditor,要下载"全部版 + 源码"

安装nodejs

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

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

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

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'

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

$ npm update minimatch@3.0.2

$ npm update -d

查看minimatch版本

1.1 挑选后台语言

UEditor 提供了一种生活后台语言 php,asp,asp.net,jsp,让人挑选你熟悉的语言部署到你的服务器,本文里面以php为例子介绍。

当前文档介绍的是通用的后台配置土方法,具体的配置,还都要移步各后台的使用说明:

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

使用grunt打包源代码

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

<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>



要怎样阻止div标签自动转换为p标签

背景

刚开始英文英文了了使用UEditor的开发者,会发现有另有一1个问提,粘装进去编辑器中的内容肯能涵盖div标签,待粘装进去编辑器然后,会发现粘装进去编辑器中的div肯能被转换为p标签了。首先这都是有另有一1个bug,这是UEditor对于进入编辑器中的数据进行的过滤处理。在UEditor中表示段落的标签是p标签,这种 这种 的编辑操作都是基于p标签进行的处理。当然亲戚亲戚大家儿对div标签也做了兼容性的处理,肯能你想保留div标签很多再UEditor进行转换也是可不都要的。

要怎样自定义请求地址

本文档说明修改请求地址的土方法。

1 部署说明

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

php (默认语言)

jsp

net (代表.net后台)

asp

同类:你后会 打包成编码是gbk,后台语言是asp版本,可执行命令:

支持一种生活编码指定:--encode参数

utf8 (默认编码)

gbk

提供一种生活后台语言支持:--server参数



文档说明

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

支持版本

支持 UEditor 1.3.0+ 的版本

里面的值php的配置值,这种 语言请看对应的后台的使用说明。

阻止转换

1.1 下载编辑器

提交表单

提交表单设置

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

https://github.com/xwjie/SpringBootUeditor

下载 nodejs 并安装进去本地

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

node -v

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

安装打包都要的grunt插件