前端用jQuery怎么获取到富文本ueditor web编辑器里面的文字和图片内容

在线文档对UEditor说明不够全面，收集了一些常用的方法和基本设置，以供参考。

1、创建编辑器

UEgetEditor('editor', {

initialFrameWidth:"100%" //初始化选项

})

精简版

UEgetEditor('editor')

2、删除编辑器

UEgetEditor('editor')destroy();

3、设置焦点

UEgetEditor('editor')focus();

4、获取编辑器内容

UEgetEditor('editor')getContent()

5、编辑器是否有内容

UEgetEditor('editor')hasContents()

6、获取编辑器内容纯文本格式

UEgetEditor('editor')getContentTxt()

7、获取带格式的纯文本

UEgetEditor('editor')getPlainTxt()

8、启用编辑器

UEgetEditor('editor')setEnabled();

9、禁止编辑

UEgetEditor('editor')setDisabled('fullscreen');

10、获取整个html内容

UEgetEditor('editor')getAllHtml()

11、常用设置

imageUrl:UEDITOR_HOME_URL + "/yunserver/yunImageUpphp", //上传接口

imagePath:">

scrawlUrl:UEDITOR_HOME_URL + "/yunserver/yunScrawlUpphp",//涂鸦接口

scrawlPath:">

fileUrl:UEDITOR_HOME_URL + "/yunserver/yunFileUpphp",//文件上传接口

filePath:">

catcherUrl:UEDITOR_HOME_URL + "php/getRemoteImagephp",//获取远程接口

catcherPath:UEDITOR_HOME_URL + "php/",

imageManagerUrl:UEDITOR_HOME_URL + "/yunserver/yunImgManagephp",//管理接口

imageManagerPath:">

snapscreenHost:'ueditorbaiducom',

snapscreenServerUrl:UEDITOR_HOME_URL + "/yunserver/yunSnapImgUpphp",//截图接口

snapscreenPath:">

wordImageUrl:UEDITOR_HOME_URL + "/yunserver/yunImageUpphp",//word转存接口

wordImagePath:">

getMovieUrl:UEDITOR_HOME_URL + "/yunserver/getMoviephp",//获取视频接口

lang:/^zh/test(navigatorlanguage || navigatorbrowserLanguage || navigatoruserLanguage) 'zh-cn' : 'en',

langPath:UEDITOR_HOME_URL + "lang/",

webAppKey:"9HrmGf2ul4mlyK8ktO2Ziayd",

initialFrameWidth:860, //初始化宽度

initialFrameHeight:420, //初始化高度

focus:true //是否焦点

1 可以通过URL请求来获取对应的信息并返回给前端查看；

2 在controller中可以使用File类来获取指定路径下的信息，然后将信息打包成一个字节数组并返回给前端；

3 可以使用SpringMVC中的ResponseEntity类来进行文件下载，将信息转换成流并返回给前端，前端可以通过src属性将其显示出来。

DHogan 2017-05-16 14:50:48

收藏 12

分类专栏： 学习前端记录 python

版权

<article class="baidu_pl" style="box-sizing: inherit; outline: 0px; margin: 0px; padding: 16px 0px 0px; display: block; position: relative; color: rgb(51, 51, 51); font-family: "Microsoft YaHei", "SF Pro Display", Roboto, Noto, Arial, "PingFang SC", sans-serif; font-size: 14px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; text-decoration-style: initial; text-decoration-color: initial;">

场景需求：需要在Flask服务器的本地找一张返回给前端展示出来。

问题疑点：通常前端的<img>标签只会接受url的形式来展示，没试过在返回服务器本地的一张给前端。

因此写个记录一下这个看起来有点奇葩的场景（通常个人博客，个人网站没有钱用第三方的服务都会采用存储在服务器本地的方法啦。）

项目目录：

dyy_project

|

|----static (新建flask项目时自动建的，没有任何文件)

|----templates

|-----indexhtml (前端页面)

|----dyy_projectpy (flask项目启动文件)

文件内容：dyy_projectpy

文件内容：indexhtml

注意：在img标签中的src一定要按照 data:;base64,{{img_stream}} 的形式添加，否则显示不出。

然后启动你的Flask程序，访问>

上传 后台获取的时候直接从数据库拿路径下面这是servlet的内容：package demo;import javaioFile;import javaioIOException;import javaioPrintWriter;import javautilList;import javaxservletServletException;import javaxservlet>

以上就是关于前端用jQuery怎么获取到富文本ueditor web编辑器里面的文字和图片内容全部的内容，包括:前端用jQuery怎么获取到富文本ueditor web编辑器里面的文字和图片内容、controller怎么返回图片信息给前端查看、python Flask中返回图片流给前端展示等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！