文档章节

UEditor学习笔记(二)

Black_Cat_
 Black_Cat_
发布于 2016/07/25 08:05
字数 413
阅读 23
收藏 0

编辑器表单(文本)提交

    上期我们初识了UEditor富文本编辑器,这期我们来学习文本的提交.

1.修改jsp文件,把编辑器放到form表单里

1.       搭建框架()(用到SSM框架)

2.       接收的数据显示如下:

普通表单提交接收的数据是带有标签元素的,下面用ajax提交演示

ajax这里用到了UEditor自己提供的方法

Editor.getplainTxt():获取编辑器中的纯文本内容,没有段落格式;

接收的数据同上,ajax提交也是有标签元素的;这都是因为安全机制.

6.编辑器的图片上传

点击后选择要上传的图片,选择上传,

:这里要注意配置文件:

ImageUrlPrefix:指的是项目的根路径或要保存图片的文件夹根目录

ImagePathFormat:指的是要保存图片的路径

因为UEditor属于在线上传,所以不需要自己配置任何上传相关的...

:

到这里我们的UEditor基本操作就学完了...

                    总结

UEditor为我们提供非常强大的功能,像视频上传,多组图片上传等等...其在1.2.4,配置文件成为一大亮点,也是一个难点,熟练掌握配置文件,UEditor轻松上手.其他知识点,请在官网的文档与API查看!

© 著作权归作者所有

下一篇: sql中的触发器
Black_Cat_
粉丝 3
博文 10
码字总数 5698
作品 0
海淀
程序员
私信 提问
UEditor插入视频,Object Iframe等标签被过滤问题处理

UEditor插入视频由于兼容性问题,需要再处理一个视频代码,但是新版ueditor不支持Objec IFrame标签,所以要加入// xss过滤白名单 名单来源: https://raw.githubusercontent.com/leizongmin/...

郑州-在路上
2018/10/30
0
0
小程序 rich-text 富文本的解析显示

☪ 背景 最近在开发学习 的过程中遇到了富文本的显示,对比了 中生成的代码,才发现原来微信官方早就开发了 标签,可以很方便的拿来使用 所以,在此对 小程序 rich-text 的使用方法进行一点整...

moTzxx
01/08
0
0
我的网站搭建 (第22天) 改写评论框样式

一、前言 在上一篇内容网站搭建 (第21天) 评论功能设计,已经将评论的模型使用,ajax的加载以及ckeditor评论样式大致都介绍了一遍。其实不管是ckeditor还是ueditor都非常的好用,在学会了如何...

代码打碟手
01/04
30
0
Laravel 不权威导航

Laravel不权威导航 Hi 这里是Roy整理的Laravel相关索引,希望能帮到大家 ,目前只是一小部分,正在努力整理中... Laravel 文档 Laravel 官方文档 —— 英文 Laravel 中文文档 —— laravel-...

weixingo
2016/02/05
322
0
Angular 的 UEditor 插件--Angular-UEditor

Angualr 作为最近前端大热的一款框架,越来越多国人开始使用并且不断有成功的项目。UEditor作为百度前端团队的一款神器,在国内多个项目也在使用。所以小编抽了个时间把angular和UEditor整合...

胡晋
2014/09/22
13.4K
2

没有更多内容

加载失败,请刷新页面

加载更多

RxJava进行单元测试的方式

@Test public void completeTask_retrievedTaskIsComplete() { // Given a new task in the persistent repository final Task newTask = new Task(TITLE, ""); ......

SuShine
5分钟前
2
0
正则表达式大全

检验手机号码 # 要求:手机号码必须为11位数字,以1开头,第二位为1或5或8。import redef verify_mobile(): mob = input("请输入手机号码:") ret = re.match(r"1[358]\d{9}", m......

彩色泡泡糖
9分钟前
1
0
QT之border-image属性

一、border-image的兼容性 border-image可以说是CSS3中的一员大将,将来一定会大放光彩,其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限,仅Firefox3.5,chrome浏览器,Safari3+支持...

shzwork
10分钟前
2
0
Kubernetes Operator简易教程

1. 安装operator-sdk //安装 operator-sdk$ apt-get install operator-sdk.....$ operator-sdk versionoperator-sdk version: v0.7.0$ go versiongo version go1.11.4 darwin/amd64 2......

Robotcl_Blog
10分钟前
2
0
再谈DAG任务分解和Shuffle RDD

1、DagScheduler分析 DagScheduler功能主要是负责RDD的各个stage的分解和任务提交。Stage分解是从触发任务调度过程的finalStage开始倒推寻找父stage,如果父stage没有提交任务则循环提交缺失...

守望者之父
16分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部