ueditor兼容秀米编辑器

2024-11-02

ueditor接入秀米编辑器

秀米编辑器用来编辑微信页面很方便,功能也比较强大.秀米提供了第三方编辑器接入的功能,接入方法可以参照官网示例:http://hgs.xiumi.us/uedit/ 但是这里有几点要注意: 1. 示例中第2点文件所放置的目录这个html是秀米编辑器的弹出框,iframeUrl就是html文件的url路径.例如我们的网站url是www.test.com/add,那html文件放在static目录下,那么iframeUrl就是: /static/xiumi-ue-dialog-v5.html,最终加

UEditor富文本web编辑器

UEditor是由百度web前端研发部开发所见即所得,前几天把公司原来的富文本编辑器换成百度的了,可以把秀米制作的样式整个复制到文本编辑器中,原汁原味... 到官网看了文档,其实很简单,就简单的配置下就可以了,如图... 在.net中需添加js: <script src="../../../ueditor/ueditor.config.js"></script> <script src="../../../ueditor/ueditor.all

UEditor百度富文本编辑器--让编辑器自适应宽度的解决方案

UEditor百度富文本编辑器的initialFrameWidth属性,默认值是1000. 不能够自适应屏幕宽度.如图1: 刚开始的时候,我是直接设置initialFrameWidth=null的.效果如图2: 这样子UEditor百度富文本编辑器会在第一次加载的时候获取屏幕宽度,然后赋值给initialFrameWidth属性. 这样子确实是可以在第一次加载的时候适应屏幕宽度,但是却似乎宽度稍微过了一点点,超过上面的灰条了.而且这里还有一个问题: 当你改变浏览器大小时,会有个很严重的排版BUG

Thinkphp下嵌套UEditor富文本WEB编辑器

UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码... 本文实际操作于ThinkPHP框架下,现分享与大家参考,整体流程详解如下: 第一步: 下载UEditor编译器,请到官网进行下载:http://ueditor.baidu.com/website/download.html 注:本例中所用UEditor编译器版本为:[1.4.3.2 PHP版本] ThinkPHP框架版本为:[ThinkP

UEditor 百度富文本编辑器 .Net实例

转自 http://download.csdn.net/download/hdsslxl/6740605 1.UEditor 百度富文本编辑器完整版 .Net实例已解决上传图片问题. 2.内附完整demo实例,附带txt讲解说明及UEditor常见问题解决方案. 3.已经调试好的百度文本编辑器实例,用户体验不错,具备很多人性化的功能,特推荐给大家! 百度富文本编辑器例.7z 忘记说了 UE.version = "1.2.6.0"; 这个版本貌似有些问题,在ie下,如果webconfi

UEditor富文本WEB编辑器自定义默认值设置方法

1.在使用UEditor编辑器编写内容时你会发现,当输入的内容较多时,编辑框的边框高度也会自动增加,若希望输入内容较多时以拉框滚动的效果. 方法:找到Ueditor文件根目录下的ueditor.config.js,用编译器打开,看到282~286行代码如下: //scaleEnabled //是否可以拉伸长高,默认true(当开启时,自动长高失效) //,scaleEnabled:false //,minFrameWidth:800 //编辑器拖动时最小宽度,默认800 //,minFrameH

解决百度 ueditor v1.4.3 编辑器上传图片失真的bug？

项目中,用到百度ueditor编辑器,发现,上传大一点的图片,图片会失真,刚开始还以为是PHP端做了图片压缩,仔细看配置说明,发现是编辑器自带有个自动压缩图片的功能,可恶的是,压缩后的图片失真了! 决定去掉这个压缩功能,如果非得要压缩,那就交给服务端PHP来处理吧! 找到配置文件:ueditor/php/config.json 把 imageCompressEnable 设置为 false 即可! [总结]有2个比较重要的配置文件: ueditor/ueditor.config.js uedit

JAVA 集成 Ueditor 百度富文本编辑器

开发环境:一个简单的SpringMVC框架中,用百度富文本编辑器 ueditor 实现图片和文件的上传官网地址:http://ueditor.baidu.com/website/ 需要使用到的2个文件如下(官网上下载):1,ueditor1_4_3_3-utf8-jsp.zip2,ueditor1_4_3_3-src.zip(源码包) SpringMVC框架搭建,我这里就不说了,注意下spring配置静态资源目录的时候,如果上传的图片是放在根目录下的话需要在spring配置文件中加入: <m

HTML Ueditor图片宽度超出编辑器

问题描述 Ueditor上传图片宽度尺寸超出编辑器宽度,显示异常解决方案 ueditor.all.js 添加img宽度限制(搜索body{margin:8px;font-family:sans-serif;font-size:16px;}定位) //图片最大宽度 'img{max-width: 100%;}' + ueditor.all.min.js 添加img宽度限制 img{max-width: 100%;} 处理结果图片超出尺寸正常显示

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,得根据头部被挡住部分

PHP 解决ueditor兼容问题

默认情况下,ueditor的内容通过PHP导入到DB中,会将内容中的html进行转义操作,此时读取显示就会有问题 step 1: $content = htmlspecialchars_decode($content); 传入DB之前对内容进行普通字符转换 step 2: 使用initalContent参数进行富文本初始化的时候,不能直接将内容传入js 会导致html解析错误,建议从DB读取之后,用php进行htmlentities操作,然后再传入JS中该方式已经测试过IOS和PC的兼容性

UEditor富文本WEB编辑器设置代码高亮

UEditor编译器支持代码高亮显示,设置方法如下: 1.页面head引入UEditor类包文件shCore.js.shCoreDefault.css代码 (注:引入文件路径根据需求变更即可) <script type="text/javascript" src="/ueditor/third-party/SyntaxHighlighter/shCore.js"></script> <link rel="stylesheet&

百度编辑器UEditor与UEditor 公式插件完整Demo

1.下载UEditor(我的是.net项目) 2.下载UEditor公式插件 3.新建解决方案和项目 4.在浏览器中预览index.html页面结果: 5.index.html源码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <titl

jquery富文本在线编辑器UEditor

UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码. UEditor的功能非常强大,官方已配备了php,asp,asp.net,java等语言的上传程序,拿来就可以使用,当然ueditor更具有功能插件接口,很轻松地添加自己定义功能到编辑器中,方便项目的不同需求. 使用方法因为本插件是百度「FEX前端研发团队」开发,在官方有较强细的中文文档,本站做的目的只是让朋友们知道有这么个好插件

工具，百度编辑器 UEditor 使用实例化

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>ueditor demo</title> </head> <body>  <script id="container" name="content

Thinkphp整合最新Ueditor编辑器

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

HTML编辑器UEditor的简单使用

參考自:http://ueditor.baidu.com/website/document.html 关于HTML编辑器,试过FCKeditor,升级版的CKeditor,还有TinyMCE,近期在尝试使用百度的UEditor.对照一下还是认为UEditor的配置较简单,上手快而且文档和样例也非常齐全.那么这里以UEditor1.2.3.0PHP版本号UTF-8版为例梳理一下UEditor的使用流程. 1.首先是UEditor的文档结构 _examples:编辑器各种版本号的演示样例页面 _sr

百度文本编辑器 Ueditor for net 使用七牛存储附件的实现

百度编辑器功能强大,确实好用,可惜附件使用本地存储,如果网站的用户量巨大,则会使得网站目录变得非常庞大,而且文件不易于管理,七牛云存储在附件存储方面下了不少功夫,用起来感觉不错,要是将ueditor 的附件存储改为七牛,那就解决大量帖子的附件存储问题了下载新版的 ueditor for net , 解压后直接将ueditor目录复制到mvc 项目目录的根目录下接下来查看 /ueditor/net/app_code/uploadHandler.cs,找到下面这段保存附件的代码 try { if

使用百度富文本编辑器UEditor碰到的问题

前面使用的是kindEditor,但是发现这个已经不再维护,并且bug不少,而我又不会改,哈哈,所以我就放弃了. 原来想过要用百度的这个UEditor,但是在配置的时候遇到了很多问题,基本上加载不出来,但是最后还是硬着头皮把那些bug都解决了,顺利跑通. 问题1:按百度Demo的配置我发现连最基本的编辑器都不出来. 原因:下面的配置的顺序不能错,顺序错了可能会导致加载不出来的情况.  <script type="text/javascript"

Spring+SpringMVC+MyBatis+easyUI整合优化篇（六）easyUI与富文本编辑器UEditor整合

日常啰嗦本来这一篇和接下来的几篇是打算讲一下JDBC和数据库优化的,但是最近很多朋友加我好友也讨论了一些问题,我发现大家似乎都是拿这个项目作为练手项目,作为脚手架来用的,因此呢,改变了一下思路,JDBC和数据库优化这一块儿延后一点再去说,先丰富一下项目的页面和功能,因为现在的页面实在有些少得可怜,所以我打算中间插入两篇文章,给项目增加一个富文本编辑器的功能插件,再增加一个图片上传的功能,把这个脚手架的内容再充实一下. 我的github地址,点这里初识富文本编辑器先看两张图片: 1.这是一张

ueditor兼容秀米编辑器

热门专题