UEditor 的使用 - 相关文章

在ASP.NET Core中使用百度在线编辑器UEditor

在ASP.NET Core中使用百度在线编辑器UEditor 0x00 起因最近需要一个在线编辑器,之前听人说过百度的UEditor不错,去官网下了一个.不过服务端只有ASP.NET版的,如果是为了能尽快使用,只要把ASP.NET版的服务端作为应用部署在IIS上就可以立即使用了.不过我的需求并不急,所以把ASP.NET移植到了ASP.NET Core上.整个过程很简单,只是重新引用了一些包,修改了几处代码,另外就是把Controller中比较长的一个switch语句块重构为了字典,根据url中…

对百度的UEditor多图片上传的一些补充

我已经写了一篇文章关于百度的UEditor提取多图片上传模块.如果还没有看过,请点击以下链接查看 http://www.cnblogs.com/luke1006/p/3719029.html 出差了两个月,又搞了好长时间的WinForm.不好意思这么晚才更新后台上传的流程. 同样是基于.net的. 1.大家要关注一下config文件中对图片上传提交的页面的配置. imageUrl: URL + "net/imageUp.ashx" 2.这个页面的代码主要包含了图片的配置信息并返回图片保…

关于百度编辑器UEditor的一点说明

大家在使用的时候要特别注意editor_config.js中的“URL”这个参数我的理解:1.这个参数是editor整个结构的总路径 2.首先要把这个路径配置好了.才能正常的显示,并使用editor的功能关于百度编辑器UEditor中的上传图片控件(多图片上传)的提取本人才疏学浅,用IE一点点来调试.才完成这个功能,结果没有一个清楚的文章分享给大家实在惭愧. 文字不好说明,如果朋友们有需要,请加我的QQ:670649296.有问题我们一起来讨论…

UEditor编辑器使用示例

1. UEditor下载 UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码. 下载链接:http://ueditor.baidu.com/ 2. 初始化编辑器 2.1 script初始化 HTML代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta nam…

ASP.NET MVC5+EF6+EasyUI 后台管理系统（57）-插件---ueditor使用

系列目录目录: 前言开发环境知识点初始使用自定义工具栏设置和读取编辑器内容文件上传 ueditor加水印 ------------------------------------------------ 下载地址在尾部 1.前言:之前一直用KingEditor富文本编辑器,在国产编辑器中算是顶尖的插件.但是这个编辑器集成度较差,也很久没有更新了,今天学习百度产品UEeditor使用! 2.开发环境:VS2013+MVC5 3.知识点:上传加水印功能下载编辑器各自选择自己语言的版…

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

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

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 公式插件完整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…

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

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

easyui与ueditor合用问题

在联合使用easyui与ueditor的时候,当在dialog中通过href打开一个页面,页面中含有ueditor,如果使用dialog的close方法,可以理解为只是将dialog给隐藏了,再将点击打开的时候,ueditor不会重新初始化,可以在关闭的时候,使用dialog的destroy方法,可通过api查看到dialog是继承了window,而window是继承的panel 同时,为防止ueditor未完全关闭,可以调用ueditor的destroy方法…

ueditor工具栏新增按钮教程

我做了一个人博客网站想要一段文字高亮显示,大概是这样: 但是ueditor上面的代码语言是一大块的<pre></pre>标签,觉得不合适,就在网上搜索相关文章,自己结合着实现了一下. 第一步:打开ueditor.config.js 搜索 "toolbars",在最后一行添加一个字段,如下所示: 第二步:打开zh-cn.js 语言包,搜索"labelMap"字段,在最后添加相同的字段,如下所示: 这一步是添加提示信息. 再打开ueditor.…

thinkphp 3.2.3整合ueditor 1.4，给上传的图片加水印

今天分享一下thinkphp 3.2.3整合ueditor 1.4,给上传的图片加水印.博主是新手,在这里卡住了很久(>_<) thinkphp 3.2.3整合ueditor 1.4 下载地址:https://github.com/Nintendov/Ueditor-thinkphp 下载下来,看着配置就可以了. 下面就是给上传图片加水印: (在做这步前,请确保ueditor已经正常工作) 我的工程目录如下: fonts里面的fz.fft为水印字体 images里面的logo.png为水印图片…

百度编辑器ueditor插入表格没有边框颜色的解决方法

附:从word excel 中复制的表格提交后无边框,参考这个同学的,写的很详细: http://blog.csdn.net/lovelyelfpop/article/details/51678742 如果在百度编辑器ueditor工具栏按钮,插入一个表格后,在编辑过程中有表格,但是保存提交后,在前台网页中没有边框颜色了. 解决方法: 1. 打开编辑器根目录下面的ueditor.all.js文件,找到: for (var c = 0; c < colsNum; c++) { html.pu…

百度编辑器UEditor的使用方法

百度编辑器具有丰富文本编辑功能,且开源免费,其使用方法如下: 1.在官网上下载对应的Uditor压缩包:http://ueditor.baidu.com/website/download.html 2.在项目根目录下创建ueditor文件夹 ,并将下载的UEditor解压后的文件放在ueditor文件下下 3.在ueditor文件夹下找到ueditor.config.js文件,并修改编辑器实例的路径 4. 在Web.Config配置文件的System.web节点下加上:<httpRuntime…

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. 默认情况下 (就是什么设置都没动…

tp中ueditor编辑器的使用

1/引入三个文件 <script type="text/javascript" charset="utf-8" src="{$Think.config.PLUGIN_URL}ueditor/ueditor.config.js"></script><script type="text/javascript" charset="utf-8" src="{$Think.co…

PHP Ueditor 富文本编辑器

2016年12月11日 08:46:59 星期日百度的简版富文本编辑器umeditor很久没更新了全功能版本的配置项跟umeditor还是有区别的, 这里说下ueditor怎么对接到项目中去, 主要说明图片上传怎么使用 HTML: //承载编辑器 <script id="container" name="content" type="text/plain"></script> //加载js <script typ…

Ueditor之前后端源码的学习和简单的研究

这是我的项目目录这里写图片描述 1.从访问路径http://localhost:8081/Test/_examples/simpleDemo.html,我们主要是要看看,富文本框被加载出来之前,会调用哪些代码, 不卖关子,很明显,会调用后端的controller.jsp代码,因为我们已经在ueditor.config配置了: // 服务器统一请求接口路径 , serverUrl: URL + "jsp/controller.js 看看controller.jsp代码,上一篇文章我们已经讲了,要…

百度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配置问题

var URL = window.UEDITOR_HOME_URL || getUEBasePath(); 在ueditor.config.js中这一句是配置编辑器的网站根目录位置的,建议不要改,网上其他的帖子都说要配置要改什么的,其实不需要,网站的默认根目录是你网站的目录,也就是输入你的网址之后,那个index.html页面的路径 ,接来下就要配置config.json了,里面配置图片上传,视频上传的路径等: 打开config.json,里面找到imagePathFormat,scrawlPa…

百度编辑器ueditor的简单使用

最近刚被分配了以个消息发布的任务,其中用到了富文本编辑器.以前也用过,不过这次我选择的是百度富文本编辑器ueditor1_4_3-utf8-jsp版的. 其实看ueditor功能很强大,不过百度的设计还是很不错的.只需要稍微配置一下就可以用了. 首先下载到 ueditor1_4_3-utf8-jsp.rar,连接地址是:http://ueditor.baidu.com/website/.我选择的是utf-8版本的. 解压以后整体拷贝到java web项目的网页根目录下.我这里是用myeclips…

Bootstrap 3的box-sizing样式导致UEditor控件的图片无法正常缩放

UEditor组件是百度提供的一套开源的web在线所见即所得富文本编辑器,具有轻量,可定制,注重用户体验等特点,基于MIT协议,功能很强大.最近在使用的过程中发现其中上传的图片(或者插入已有的表情包图片)都无法正常缩放,选中图片,用鼠标点击并拖动图片边沿的小标签,图片只能缩小不能放大.尝试过很多方法都没办法解决,甚至检查了js源码,也没有发现有任何异常的地方. 后来无意中发现页面上引入了Bootstrap,而Bootstrap默认将box-sizing样式统一设成border-box了.具体内容…

自定义配置UEditor 工具栏上的按钮列表

修改配置项的方法: 1. 方法一:修改 ueditor.config.js 里面的 toolbars 2. 方法二:实例化编辑器的时候传入 toolbars 参数方法一:在ueditor.config.js中 //工具栏上的所有的功能按钮和下拉框,可以在new编辑器的实例时选择自己需要的重新定义 , toolbars: [[ 'fullscreen', 'source', '|', 'undo', 'redo', '|', 'bold', 'italic', 'underline', 'fon…

ueditor的配置和使用

ueditor下载好之后直接复制到项目的WebContent目录下,并将ueditor\jsp\lib下的jar包复制或者剪切到项目的lib目录下.先看一下效果,如下: 1.文件的上传首先在ueditor/jsp目录下找到config.json文件,就拿Image上传来说吧. "imageUrlPrefix": "http://localhost:8080/HJZGG_BLOG", /* 图片访问路径前缀 */.开始的时候imageUrlPrefix这个属性值是…

Ueditor 增加模板

简介: Ueditor 是百度出的开源富文本编辑器,非常符合国人习惯!模板功能很好用. 官网:http://ueditor.baidu.com/website/ 定义自己的模板: 先用Ueditor编辑好一个模板点左上角的HTML 就会出现 html 源代码把模板代码写入模板文件把上步的源代码整理成一行,替换dialogs/template/config.js 中的第一个空模板内容.比如 var templates = [ { "pre":"pre0.png"…

网页开发中文本编辑器UEditor的使用

首先看一下效果图: 首先我们需要来认识下UEditor,它是由百度web前端研发部开发所见即所得富文本web编辑器,并且是基于BSD协议的开源产品,允许自由使用和修改,开源就意味着可以自己来定制这个编辑器. 实现方法: 首先先下载UEditer,官方网址:http://ueditor.baidu.com/website/,根据自己需求下载相应的版本(其实里面都有demo实现调用编辑器) 下面就是一个简单的调用实例,只需要引入ueditor.config.js,ueditor.all.min.js…

【UEditor 的使用】的更多相关文章