关于使用ueditor时候遇到的情况

在使用百度ueditor的时候遇到的一下情况 1.点击图片之后图片无法在编辑器内显示 2.从数据库取出图片的时候无法在编辑器内显示 3.内容存放入数据库取出来之后,HTML效果不显示流程: 1.引入js 我用的是THINKPHP3.2.3 其实影响不大一个是js路径,一个是表单提交 <!doctype html><html lang="en"><head> <meta charset="UTF-8"> …

【ci框架基础】之部署百度编辑器

在ci框架下加载编辑器,现在复习下内容.我的框架文件名称为ci 1.下载百度编辑器ueditor,http://ueditor.baidu.com/ 一般情况下下载ubuilder版即可,并将ueditor复制到ci框架的根目录下. 下载好的编辑器目录为: -ueditor----dialogs 弹出对话框对应的资源和JS文件----lang 编辑器国际化显示的文件----php 涉及到服务器端操作的后台文件----themes 样式图片和样式文件…

关于使用metronic时里modal模拟框使用ueditor时不能全屏的情况

ueditor里有这么断代码, 1.初始显示状态下(非全屏),修改一下代码的z-index UE.Editor.defaultOptions = function(editor){ var _url = editor.options.UEDITOR_HOME_URL; return { isShow: true, initialContent: '', initialStyle:'', autoClearinitialContent: false, iframeCssUrl: _url + 't…

UEditor百度富文本编辑器--preview在线预览时头部被挡住的解决方案

问题截图: 正常情况应该是如下显示: 解决方案: 1.打开ueditor/dialogs/preview/preview.html 2.找到body节点下面这一句 document.getElementById('preview').innerHTML = editor.getContent(); 在它上面加一句 parent.document.getElementById('edui_fixedlayer').style.top = '46px'; PS:至于这个46px,得根据头部被挡住部分…

Ueditor上传图片后自定义样式类名

Ueditor是百度的一个富文本插件,如果使用者会前端语言的话,那适用性就很好,特别是现在移动端纵横的情况.但往往使用者并不懂编程,要让他们使用前端语言的话是不可能的,这就需要我们在开发时就定义好整个样式. 正常情况下,我们上传后的图片是固定了宽高的,要想适用移动端,就必须使宽度定义为100%,或者加个类上去,我们可以自定义.这就是我们的思路. 下面是修改代码: ueditor.all.js UE.plugin.register('simpleupload', function (){ ...…

ueditor 1.4.3 gbk asp 上传中文乱码终极解决方法 ie6 ie8 也适用

[摘要:百度编纂器1.43 gbk asp 题目 1.firefox3.0下单图上传面没有了面多图上传中央的蓝色按钮(即面击挑选图片)没有表现(附件上传出那个题目) 没有晓得我的水狐吃翔了致使上面测试只要谷歌] 百度编辑器1.43 gbk asp 问题1.firefox3.0下单图上传点不了点多图上传中间的蓝色按钮(即点击选择图片)不显示(附件上传没这个问题)不知道我的火狐吃翔了导致下面测试只有谷歌 360 ie8 ie62. 默认情况下 (就是什么设置都没动…

百度UEditor在线编辑器的配置和图片上传

前言最近在项目中使用了百度UEditor富文本编辑器,配置UEditor过程中遇到了几个问题,在此记录一下解决方案和使用方法,避免以后使用UEditor出现类似的错误. 基本配置一.下载UEditor.NET版本开发包. UEditor可以到 http://ueditor.baidu.com/website/download.html#ueditor 进行下载,我们这里选用1.4.3.3 .NET版本. 二.把UEditor开发包放到项目里面. 1.新建一个ASP.NET MVC 4应用程序…

百度富文本编辑器UEDITOR

前言 http://jingyan.baidu.com/article/a948d65108d7fa0a2dcd2e8d.html 配置<a>测试啊</a>.net mvc4项目使用ueditor编辑器,在配置过程中遇见了好几个问题,以此来记录解决办法.编辑器可以到http://ueditor.baidu.com/website/download.html#ueditor处下载.net 的开发包,如下图,我下载的是1.2.6.1net版本的开发包. 配置: 1.将开发包放到mvc4…

关于editor网页编辑器ueditor.config.js 配置图片上传

最近公司项目在做一个门户网站,其中新闻和简介等部分使用到了ueditor编辑器,但是上级明确指示需要图片上传这个功能,这时却发现图片上传功能不能正常使用,上传时一直报错,网上收了好几个处理办法,都说的不够详细明了,突然发现ueditor这么强大的工具在开发过程中的致命盲点,很纠结,最终经过很久的纠结和苦思冥想终于解决了该问题,以下是关于ueditor 在web 2.0版本下的问题解决思路和方法,因为经过测试网上下载的ueditor编辑器在4.0下问题不大.好了言归正传,首先亮出ueditor…

ueditor工具栏更改按钮的默认操作

ueditor 上的 image 按钮,默认有一个图片选择工具. 但是我想把他去掉,用上自己写的图片选择功能. 原来使用cleditor 是可以给按钮自定义一个函数.但是在ueditor就没有找到可以这样做的方法. 百度了一些,可以自定义一个按钮,但是要改ueditor.all.js里面的代码. 在不想改他们核心代码的情况下,尝试向ueditor工具栏append 一个跟image一模一样的图标. var str3='<div class="edui-btn edui-btn-image&…

Django集成百度富文本编辑器uEditor

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码. 首先从ueEditor官网下载最新版本的包,目前官网上提供了ASP..NET.PHP.JSP版本的,django版本只有一个第三方个人开发的,但看上出配置起来稍微复杂一点. 这里不介绍uEditor的使用方法,也不过多解释uEditor的配置方法,官网上都有详细的文档和API介绍,下载的Demo中也有常用的方法的示例代码,这里主要介绍uEdi…

从web编辑器 UEditor 中单独提取图片上传，包含多图片单图片上传以及在线涂鸦功能

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码.(抄的...) UEditor是非常好用的富文本web编辑器,而且全中文API和注释,方便学习和使用.特别是图片上传查看及涂鸦功能极为喜欢,但是有很多情况我们并不需要Web编辑器,而只需要图片上传.那么问题来了,提取图片上传哪家强..... 网上有很多图片上传的控件.插件.但都不是那么的完美,有的只有一张图片上传不包含批量上传,有的没有图片查看…

百度编辑器ueditor 异步加载时，初始化没办法赋值bug解决方法

百度编辑器ueditor 异步加载时,初始化没办法赋值bug解决方法金刚前端 ueditor 初始化因项目中使用了百度编辑器——ueditor.整体来说性能还不错. 发现问题我在做一个编辑页面时,因我编辑页面数据是通过ajax异步请求过来的. 我发现异步请求过来数据后,赋值给ueditor时一直提示inerhtml错误. 排除异常情况我自己又做了一个页面,直接赋值给ueditor,发现是可以的. 排除ueditor问题. 思考我猜想是我异步请求数据造成ueditor没有初始化完成就给…

AngularJs定制样式插入到ueditor中的问题总结

总结一下自己给编辑器定制样式的过程中所遇到的问题,主要是编辑器的二次开发接口,以及用angular定制样式,问题不少,终于在**的帮助下,完成了,还剩下老版本和新版本的交互没有弄好,不过不难.下面分别讲解问题. ueditor的开发你可以在官网上下载任意版本,进行使用即可:http://ueditor.baidu.com/website/download.html 下载后按照官网上的配置就可以使用.文档地址:http://fex.baidu.com/ueditor/ 关于ueditor二次开发…

Java Web项目配置 ueditor心得

近期的JAVA项目,由于客户要求需要引入富文本编辑器. 参考了两款插件,一款是ckeditor,一款是ueditor. ckeditor在上传文件的时候必须配合ckfinder使用,而ckfinder一来收费,二来和ckeditor的集成过于复杂.所以选用ueditor插件开发项目. 在JSP项目中使用ueditor的时候,需要有两点注意的地方. 在此,我将步骤向大家介绍一下. ----------------------------------------------- 1:在ueditor官…

【转载】UEditor前端配置项说明

UEditor 的配置项分为两类:前端配置项和后端配置项后端配置项具体看这个文档L:后端配置项说明本文档介绍如何通过设置前端配置项,定制编辑器的特性,配置方法主要通过修改ueditor.config.js,另外在编辑器实例化的时候也可以传入配置参数 var ue = UE.getEditor('container', { toolbars: [ ['fullscreen', 'source', 'undo', 'redo', 'bold'] ], autoHeightEnabled: t…

使用ueditor小结

1. 导入 js: ueditor.config.js ueditor.all.js css/images/plugin: themes lang dialog(可选) third-party(可选) 2. 配置修改 ueditor.config.js 的 UEDITOR_CONFIG a. 定义 themes, lang, third-party 的路径,如果是在同一文件夹下,定义 UEDITOR_HOME_URL 就可以了否则分别修改 themePath, langPath, UEDIT…

[转载]百度编辑器-Ueditor使用

前段时间发表过一篇关于“KindEditor在JSP中使用”的博文.这几天在沈阳东软进行JavaWeb方面的实习工作,在一个CMS系统的后台和博客板块中又要用到文本编辑器,突然发现了这个——百度编辑器(官网http://ueditor.baidu.com/website/index.html). Ueditor由百度开发,传说中的百度更懂中文嘛,不像KindEditor有时会显示乱码.Ueditor提供中文“utf-8”和“gbk”版本的下载.而且分为完整版和定制版.完整版没什么可说的,下面说下…

第一篇 UEditor入门部署和体验

UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码. UEditor富文本编辑器,轻量,可定制,注重用户体验. 1 入门部署和体验 1.1 下载编辑器到官网下载 UEditor 最新版:[官网地址] 或是直接在网盘下载:JSP- UTF-8版本.(本文用的环境) 1.2 创建demo文件解压下载的包,在解压后的目录创建 demo.html 文件,填入下面的html代码 (最小配置的…

Ueditor的两种定制方式

引言 UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码... 官网:http://ueditor.baidu.com/website/ 在线定制:http://ueditor.baidu.com/website/download.html#ubuilder Asp.Net和Ueditor 在项目中的应用,除非你知道,你需要的富文本框需要哪些功能,你才有可以在线定制,然后下载,但是多数情况下,对…

织梦更换Ueditor编辑器后栏目内容提交更新失败

今天在使用网友的相关经验<百度编辑器(Ueditor)整合到dedecms>,给织梦dedecms系统更换编辑器后,文章编辑器使用正常,在编辑栏目内容的时候,出现提交后不更新内容的情况,上网查相关文章,得出解决办法如下: 一.在栏目内容编辑里替换回默认的ckeditor编辑器: 文件位置:/dede/templates/catalog_edit.htm./dede/templates/catalog_add.htm 查找: GetEditor("content","…

[UEditor]百度编辑器配置总结

前端配置文件ueditor.config.js 前端有两个重要的配置属性: UEDITOR_HOME_URL: 配置百度编辑器的资源目录路径,你可以手动指定此路径,默认是有URL变量指定,而URL变量是由window.UEDITOR_HOME_URL || getUEBasePath()获取值的,两者取有值的那个,都有值的情况下使用第一个值,第二个值默认获取ueditor.config.js文件所在目录,第二个值默认未定义,当需要针对不同页面的编辑器可单独配置的根路径时才修改此值,一般默认即可.…

asp.net mvc4使用百度ueditor编辑器

原文 http://www.cnblogs.com/flykai/p/3285307.html 已测试相当不错前言配置.net mvc4项目使用ueditor编辑器,在配置过程中遇见了好几个问题,以此来记录解决办法.编辑器可以到http://ueditor.baidu.com/website/download.html#ueditor处下载.net 的开发包,如下图,我下载的是1.2.6.1net版本的开发包. 配置: 1.将开发包放到mvc4项目中,在我的项目中我放到了Conte…

UEditor上传图片被压缩得模糊的解决方法

UEditor功能很强大,但是有个很不友好的功能:会在使用UEditor上传图片时,如果你的原始图片尺寸过大,就会先自动对图片大小进行压缩,然后将压缩的文件给servlet.也就是说,使用UEditor 上传图片后会导致图片大小发生改变并使图片变得模糊,而这是在用户毫不知情的情况下进行的操作,非常讨厌.如果不想让上传的精美照片被UEditor 压缩得面目全非,可以通过以下方法禁止UEditor自动压缩图片:打开该目录的文件:UEditor\php\ue.config.php,找到如下代码: $C…

百度编辑器（Ueditor）最新版（1.4.3.3）插入锚点失败原因分析及BUG修复

用百度编辑器——Ueditor(版本1.4.3.3,2016-05-18日上线)插入锚点的时候,每次总是失败,百思不得其解.通过分析Ueditor的代码ueditor.all.js,可以看出Ueditor插入锚点的过程,实际上是一个img标签和a标签相互转换的过程,其代码如下: 'anchor':{ //cmd:命令字符串,name:锚点名称 execCommand:function (cmd, name) { var range = this.sel…

Thinkphp整合最新Ueditor编辑器

说到最新的富文本编辑器的确不少(ckeditor.fkeditor.ueditor),这些富文本编辑器如果单独使用基本上很方便,不需要做额外的配置,只要把官方的插件下载下来放到一个web容器中,看看插件中提供的 index.html 里的代码就明白应该怎么调用了.因为富文本编辑器会经常涉及到文件.图片.视频资源的上传,如果本身所用到的框架或者是项目本身就有一个模块是专门来处理这一块儿的,对一些资源需要做特殊处理的,例如水印处理,对图片的大小处理(原图.缩略图),那么就设计到把富文本编辑器与你现…

百度UEditor编辑器使用教程与使用方法

我们在做网站的时候,网站后台系统一般都会用到web编辑器,今天笔者就给大家推荐一款百度UEditor编辑器.关于这款百度UEditor编辑器官网上也有简单的教程,不过看着比较费劲,今天笔者就跟大家分享一下百度UEditor编辑器使用教程与使用方法,希望对大家有所帮助. 第一:百度UEditor编辑器的官方下载地址 ueditor 官方地址:http://ueditor.baidu.com/website/index.html 开发文档地址:http://ueditor.baidu.com/web…

使用ueditor时候修改图片路径及其相关信息

ueditor功能比较强大使用也比较方便但是有一些东西是需要我们自己根据实际情况去设置的以下是关于图片/涂鸦/视频等上传信息的更改: 首先我们要找到配置文件config.json 注意不是config.json.js 路径如下: 找到配置文件后打开,可以看到如下信息: 这里可以修改图片上传的信息,比如图片最大限制,图片格式,图片路径等问题.... 因为默认是保存在根目录下的ueditor下的我这里我保存在了mymessystem文件加下文件名仍用默认的也可以自己修改但是应该…

Ueditor自定义默认宽度高度

如题. 最近需要使用到网页后台富文本编辑器.经过同学推荐,最后决定使用百度家的Ueditor. 官方地址:http://ueditor.baidu.com/website/ 贴吧地址:ueditor讨论吧官方提供了网页上非常方便的自定义工具栏的功能.自定义之后直接下载对应的代码包并按照文档部署到项目中即可.其中主要的问题是路径的配置. 首先是将下载好的代码包发布到我们项目的根目录下面.然后在需要添加富文本编辑器的页面头部添加如下代码: <script type="text/javascr…

springMVC -- 整合UEditor(富文本编辑器)

工作中需要用到UEditor编辑文本,在与springMVC进行整合时,出现了一些问题,结果导致,在进行图片上传时出现如下提示: 上网查询了很多相关资料,此处简要记录下,防止以后遇到类似问题. 一种方式是直接修改源码,步骤如下: 1.编写controller 如下(该接口是ueditor前后台交互的统一路径) : package com.test.dcdp.controller; import java.io.IOException; import java.io.PrintWriter; im…

【关于使用ueditor时候遇到的情况】的更多相关文章