UEditor编辑器_记一次开发心得

互联网与你我的世界

2018-01-20

1.UEditor编辑器官网：http://ueditor.baidu.com/website/

2.下载文件：选择1.4.3.3 .Net版本 UTF-8板

UEditor编辑器_记一次开发心得

3.建一个ueditor文件夹，将下载的文件全部放进这个ueditor文件夹里。

UEditor编辑器_记一次开发心得

4.新建一个aspx页面，需要引用以下文件

UEditor编辑器_记一次开发心得

5.<body>……</body>需写代码

<script id="editor" type="text/plain" style="height: 300px;"></script>

<script type="text/javascript">
 
         //实例化编辑器
         //建议使用工厂方法getEditor创建和引用编辑器实例，如果在某个闭包下引用该编辑器，直接调用UE.getEditor('editor')就能拿到相关的实例
         var ue = UE.getEditor('editor');
    </script >

6. 一般图片保存可以看：ueditor\net\config.json

7.效果图：

UEditor编辑器_记一次开发心得

UEditor编辑器_记一次开发心得

ueditor 编辑器 ueditor编辑器

互联网与你我的世界

0 关注 0 粉丝 0 动态

相关推荐

百度编辑器（ueditor）踩坑，图片转存无法使用

在使用百度编辑器的过程中碰到了一些问题，图片转存功能无法使用，即便是疯狂地在官方 Demo、文档、论坛甚至是 GitHub 上也没找到理想的答案。问题描述默认情况下，从 Word 中复制的内容粘贴在编辑器时，图片不会自动上传保存，除非单独复制粘贴图片

layloge 2020-06-26

前端视角漫谈百度ueditor编辑器前后端分离配置

此文旨在前后端分离的前提下，配置ueditor联通前后端接口，实现ueditor的文件上传并在编辑器中反显。目录结构百度的ueditor组件提供了各种主流的后端语言（Java，Asp，Php，Net。当然，没有node是一个遗憾）资源包，目录结构如下图。给

FoolishInfanta 2018-07-19

jquery可定制的在线UEditor编辑器

UMeditor，它是由百度web前端研发部开发所见即所得富文本web编辑器UEditor演变的迷你版编辑器，具有轻量，可定制，注重用户体验等特点，允许自由使用和修改代码，适用于前台快速简单回复框或后台内容编辑器。下载你需的要的语言版本，然后解压，在解压目

YUYISHARE 2019-04-23

Ueditor百度编辑器的Html模式自动替换样式的解决方法

}去掉，这是代码中如果有类似<span>文字</span>这样的不包含样式的<span>元素将会被删掉<span>只保留文字。至此，我们粘贴进去的html格式的ul和li就不会被转义了。新版本位置可能有变动或

wendyzhi 2019-04-02

php UEditor百度编辑器安装与使用方法分享

_examples：编辑器完整版的示例页面_demos：编辑器的各种使用案例dialogs：弹出对话框对应的资源和JS文件themes：样式图片和样式文件server：涉及到服务器端操作的PHP、JSP等文件third-party：第三方插件editor_

半粒红豆 2017-03-29

详解在YII2框架中使用UEditor编辑器发布文章

文章数据表主要有4个字段1.id 主键2.title 标题3.content 内容4.created_time 创建时间。　　　　　　　$article->created_time = time();在控制器中定义动作，用于处理UEditor上传的文

花生宁静致远 2018-11-02

yii2实现Ueditor百度编辑器的示例代码

今天在网上看了下有关图片上传的教程，历经挫折才调试好，现在把相关代码及其说明贴出来，以供初次使用的朋友们参考。'imagePathFormat' => "/image/{yyyy}{mm}{dd}/{time}{rand:6}",

大头爸爸 2018-11-02

5款适合PHP使用的HTML编辑器推荐

Web开发中，很多地方都会用到HTML编辑器，我也用过几种，如UEditor、CkEditor等。这几天看了几篇文章，都是关于HTML编辑器的，写个文章记录下。Simditor是Tower开源的所见即所得的在线富文本编辑器。Simditor的理念是保持简单

PHP100 2019-03-28

vue中使用Ueditor编辑器

　　　　将上述Ueditor文件夹拷贝到vue项目的static文件夹中，此文件夹为项目的静态服务文件夹；　　　　在vue项目的入口文件main.js中将Ueditor所有的基础文件引入如下：。--editor的div为富文本的承载容器-->. 　　

BAT 批处理程序 2017-09-15

百度的Ueditor（php）上传到aws s3存储方案

5.在Uploader.class.php中将upFile方法改成如下方法,以及新增一个deldir方法

chenzhiwei 2020-05-26

js获取富文本中的第一张图片(正则表达式)

后台发来一个富文本字符串里面可能包含了0、1、2、3…个图片标签,我们的任务是获取这个字符串里面第一张图片的url，如果没有图片则返回空。UE.getContentTxt() 可获取到编辑器中的纯文本内容，没有段落格式；写之前在网上找了很多方法，最简单的思

jollyhope 2020-05-10

新手如何在Vue项目中优雅的使用UEditor（百度富文本编辑器）

把如下代码放到新建的UE.vue文件中即可。ref的作用是为了父组件能够调用子组件的方法。

zmosquito 2019-12-28

ueditor中FileUtils.getTempDirectory()找不到

我下的UEditor是1.4.3的，它自带的commons-io.jar是2.4的，而我原本项目里的是1.4的，因此出现问题。解决方法很简单，将1.4的替换成2.4的就好啦。当然替换的前提条件是新的jar包不影响原有功能。

dinux 2018-01-10

vue2.x集成百度UEditor富文本编辑器的方法

最近开发vue项目过程中，由于产品需要在项目中添加富文本编辑器，也在npm上找了几个基于vue开发的富文本编辑器，但是对兼容性比较高，不能兼容到IE9，10。所以最后决定使用百度UEditor。好记性不如烂笔头，记录下来以便以后需要的时候可以直接用。如果你

jkl00 2018-09-21

ueditor处理webp图片

今天运营MM突然说，资讯管理功能用不了，从别的微信公号里复制过来的文章的图片显示不了。这个天下文章一大抄。。。先重现下问题，登录，打开新增资讯页，里面有个富文本编辑器，用的百度ueditor。随便找了篇新浪的新闻，c&p套餐操作下，咦，又能正常显示

郭大路路 2019-02-28

django富文本编辑器

最近一段时间都在学django,现在的网站基本都要使用到富文本编辑器，今天就记录下使用django的管理后台的一个富文本编辑器的第三方库 DjangoUeditor使用方法1.安装方法一：将github整个源码包下载回家，在命令行运行：。path,4.在

tuxlcsdn 2019-07-01

基于UEditor上开发的表单设计器--自定义文本控件

Actviti的流程功能已经很强大，但其表单的部分还是弱弱的，因此，在后续的文章中，我们会逐步通过一些开源以及商业的UI工具逐步加强这块。在本文中我们不打算对这块功能进行讨论与分析其实现方案，本文目前只是谈如何通过在线自定义数据的UI，即可以理解为表单如何

呼呼ozZ 2015-08-26

ueditor中FileUtils.getTempDirectory()找不到

我下的UEditor是1.4.3的，它自带的commons-io.jar是2.4的，而我原本项目里的是1.4的，因此出现问题。解决方法很简单，将1.4的替换成2.4的就好啦。当然替换的前提条件是新的jar包不影响原有功能。

ApachePHPMySQL 2018-01-10

Xadmin和Ueditor

C:\Users\18845\Envs\xinyuonline\Scripts>pip install xadmin-master.zip如果上面安装提示Runtime错误：。xadmin的配置新建Python Package "extr

JasonYeung 2019-06-28

bootstrapValidator验证百度Ueditor组件

没有办法直接使用bootstrapValidator验证百度Ueditor组件，因为ueditor生成的编辑框都是DIV拼凑起来的，并不是textarea组件。于是换了一种思路，使用ue的内容改变事件：。}); 当内容改变时，通过ue自带的文本长度API

semjinghua 2016-09-01

互联网与你我的世界

W3CSchool教程: HTML 教程; CSS 教程; Bootstrap 教程; Javascript 教程; jQuery 教程

后端教程: C 教程; Java 教程; PHP 教程; Python 教程; Go 教程

移动开发: Android 教程; Swift 教程; Kotlin 教程; jQuery Mobile 教程; ionic 教程

关于我们: 新闻动态; 联系方式; 招聘英才; 安科实验室; 帮助与反馈

安科网(Ancii)，中国第一极客网

Copyright © 2013 - 2019 Ancii.com

京ICP备18063983号京公网安备11010802014868号