Ueditor | 易学教程

nodejs学习笔记三——nodejs使用富文本插件ueditor

阅读更多关于 nodejs学习笔记三——nodejs使用富文本插件ueditor

　　在做自己的nodejs项目的时候遇到需要使用ueditor。原来下载的是ueditor的jsp版本。目录如下　　　　在ueditor.config.js中有配置服务器home路径（这个home路径能找到ueditor文件夹，可以使用这个路径访问ueditor内的静态资源，比如我的 top.ctx 为http://localhost:8080,那么我可以通过http://localhost:8080/ static/ueditor/ueditor.con fig.js在浏览器打开这个脚本） window.UEDITOR_HOME_URL = top.ctx + '/static/ueditor/'; 　　还有一个上传统一路径 window.UEDITOR_CONFIG = { // home UEDITOR_HOME_URL: URL, // 服务器统一请求接口路径 serverUrl: URL + "jsp/controller.jsp" , ... } 　　所以当ueditor上传文件或自动存档的时候调用serverUrl路径找到对应的controller.jsp来处理。　　但是ueditor却没有nodejs版本，只能自己写了，参考了 http://www.jb51.net/article/60781.htm 。　　首先: 　　我修改ueditor

百度Ueditor编辑器的使用

阅读更多关于百度Ueditor编辑器的使用

Ueditor 编辑器非常强大，是一款几乎能满足任何需求的富文本编辑器，开箱即用，不用繁琐的配置，本人博客中用到，于是将使用的方法总结出来，以供参考。注：本编辑器用的为php版本下载包，下载地址 ##一、精简编辑器工具栏 ###原Ueditor工具栏 ###精简Ueditor工具栏由于Ueditor带的功能过多，这里我们精简一下，选一些最常用的即可，如下：精简后的编辑器工具栏，是不是变得简洁、清爽多了。 ###如何简化？只需要在实例化编辑器的时候，选自己需要的工具即可，详情可以参考 Ueditor官方文档 demo.html文件 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="GBK"> <title>ueditor demo</title> </head> <body>  <script id="container" name="content" type="text/plain"> 这里写你的初始化内容 </script>  <script type="text/javascript" src="ueditor.config.js"></script>  <script type="text

Weblogic中Ueditor后端配置项没有正常加载，上传插件不能正常使用！

阅读更多关于 Weblogic中Ueditor后端配置项没有正常加载，上传插件不能正常使用！

原因：百度开源UEditor插件，在本地Tomcat运行时可正常使用；但在Weblogic上运行时提示“ 后端配置项没有正常加载，上传插件不能正常使用 ”类似提示。原因是本地Tomcat测试时，都会在webapp目录形成一个对应工程的文件夹，class和jsp均可通过位于服务器的路径读取。但是Weblogic不同，Weblogic为war包，发包后也会解压形成文件夹，但其目录位置和结构与Tomcat不同； UEditor读取配置界面为controller.jsp 问题代码：String rootPath=application.getRealPath("/"); 在weblogic中该值为null，根本不会加载配置文件，中途就报错了。解决方案 Weblogic.xml 增加参数: <show-archived-real-path-enabled>true</show-archived-real-path-enabled> 配置位置如下图：放置在 < prefer-web-inf-classes > true </ prefer-web-inf-classes > 下方，忽略报错接下来还需对路径做相应调整，修改Ueditor.jar包中的ConfigManager.java 我们可以在controller.jsp看到加载配置文件的过程，先是走ActionEnter.java的

把WordPress文本编辑器替换百度富文本编辑器UEditor

阅读更多关于把WordPress文本编辑器替换百度富文本编辑器UEditor

UEditor 是由百度 Web前端研发部开发的所见即所得的富文本在线编辑器，具有轻量，可定制，注重用户体验等特点，开源基于BSD协议，允许互联网开发者自由传播和使用代码新增功能远程图片抓取服务器图片在线管理增加了baidu图片搜索功能，搜索图片然后直接插入到编辑器中 word的本地图片取得寛高插入视频，可预览，并且界面加入了视屏搜索功能，并且可以插入视屏预览图到编辑器中附件上传自动排版单元格属性编辑 ie下的截屏功能源码模式下css进行了简写添加了上来就可以全屏的配置项添加了contentchagne事件优化了首页自定制下载功能优化修改了行间距的展示方式段间距变为段前距和段后距改进了autolink的效果，例如: dddhttp://www.baidu.com 回车,http://www.baidu.com也可以被匹配到了分页符可以删除增强了表格的编辑功能优化了状态反射的性能，改为编辑器获得焦点才会触发，失去焦点不在触发状态查询修正了focus()方法，执行编辑器实例的focus方法可以选回失去焦点之前的选区重写了浮动工具栏，支持混乱模式下的工具栏滚动重写了autoheight插件，去掉setInterval的方式，并且长高时不在跳动文件上传提供flash源码提供了.net的事例代码首页文档进行了改进上图为完整版

【军哥谈CI框架】再谈CI中集成UEditor之移植SAE

阅读更多关于【军哥谈CI框架】再谈CI中集成UEditor之移植SAE

这次跟大家伙分享的内容其实军哥在之前的一篇关于UEditor的章中也谈到过，不过那会比较初级一点，只是简单的实例化出UEditor编辑器，而对于实际开发情况比较少考虑到。比如在SAE云平台上，新浪把本地文件的IO操作禁止了，使得UEdi otr的图片上传、附件和在线涂鸦功能都不可用了。对于这一点，我们想让UEditor在SAE下的文件上传功能能够正常地使用，又该如何做呢？内容详见： http://phpersite.sinaapp.com/index.php/jayjun/doc/ci/6/cid/13/aid/84 来源： oschina 链接： https://my.oschina.net/u/867091/blog/144335

解决ueditor二次加载(getEditor)加载失败的问题

阅读更多关于解决ueditor二次加载(getEditor)加载失败的问题

　　最近在做项目的时候用到了ueditor控件，正常使用第一次加载没有问题，因为没有刷新页面，第二次加载的时候就会加载失败，ueditor部分出现空白，查看了一下功能基本可以定位到是getEditor时出现了问题，具体怎么解决直到我发现了下面的这篇博文，具体内容如下：大家自己看看官方的js文件ueditor.all.js有以下的代码 /** * @name getEditor * @since 1.2.4+ * @grammar UE.getEditor(id,[opt]) => Editor实例 * @desc 提供一个全局的方法得到编辑器实例 * * * ''id'' 放置编辑器的容器id, 如果容器下的编辑器已经存在，就直接返回 * * ''opt'' 编辑器的可选参数 * @example * UE.getEditor('containerId',{onready:function(){//创建一个编辑器实例 * this.setContent('hello') * }}); * UE.getEditor('containerId'); //返回刚创建的实例 * */ UE.getEditor = function (id, opt) { var editor = instances[id]; if (!editor) { editor = instances[id] =

vue2 编译错误"publicPath" is not allowed

阅读更多关于 vue2 编译错误"publicPath" is not allowed

一、Vue CLI编译错误进行 publicPath 配置，npm run build报错： Invalid options in vue.config.js: "publicPath" is not allowed //码云仓库路径 https://gitee.com/codcoe/blog publicPath: process.env.NODE_ENV === 'production'?'/blog/':'/', 二、解决方案：将vuecli3升级至3.3.0即可处理步骤： 1.修改package.json的插件版本 2.修改生成的相对目录 3.使用 npm install 重新安装模块，即可。更多： Vue2如何构建一个多页应用 Vue2如何配置webpack相关设置 Vue 中使用UEditor富文本编辑器-亲测可用-vue-ueditor-wrap 来源： oschina 链接： https://my.oschina.net/u/2332115/blog/3013088

Vue2如何配置webpack相关设置

阅读更多关于 Vue2如何配置webpack相关设置

一、Vue如何配置webpack相关使用方式步骤如下： 1.根目录创建vue.config.js文件 2.修改对应的配置，重新运行项目 module.exports = { outputDir:'list',//配置输出目录 chainWebpack: config => { //配置ico文件的加载器 config.module .rule('ico') .test(/\.ico$/) .use('file-loader') .loader('file-loader') .tap(options => { // 修改它的选项... return options }) } } 更多配置说明参考： https://cli.vuejs.org/zh/guide/webpack.html#审查项目的-webpack-配置 https://cli.vuejs.org/zh/config/#全局-cli-配置更多： Vue 中使用UEditor富文本编辑器-亲测可用-vue-ueditor-wrap Vue +Element UI后台管理模板搭建示例 Vue Element表单绑定（三）综合示例来源： oschina 链接： https://my.oschina.net/u/2332115/blog/3012982

Thinkphp整合最新Ueditor编辑器

阅读更多关于 Thinkphp整合最新Ueditor编辑器

说到最新的富文本编辑器的确不少(ckeditor、fkeditor、ueditor),这些富文本编辑器如果单独使用基本上很方便，不需要做额外的配置，只要把官方的插件下载下来放到一个web容器中，看看插件中提供的 index.html 里的代码就明白应该怎么调用了。因为富文本编辑器会经常涉及到文件、图片、视频资源的上传，如果本身所用到的框架或者是项目本身就有一个模块是专门来处理这一块儿的，对一些资源需要做特殊处理的，例如水印处理，对图片的大小处理(原图、缩略图)，那么就设计到把富文本编辑器与你现有的上传模块结合起起来(富文本编辑器都有自己的上传模块)。这里值得一提的是ueditor 这个富文本编辑器，各个版本之间的差异比较大(1.2+ 、1.3+、1.4+)，导致与现有的上传模块结合也存在差异。这里笔者就采用最新版的ThinkPHP 与最新的百度Ueditor 做整合。首先访问百度Ueditor的官方地址：下载列表根据自己的需求下载不同的版本，这里采用的是1.4.4PHP utf8版本的。 Thinkphp 这里就不用说了，直接去tp官网下载最新的。步骤：前端部分：把下载下来的富文本编辑器重新命名例如 ueditor ,把把放到项目的根目录(笔者建议你在根目录新建一个文件件或者是把它放到项目的Public目录下)，这个根据个人对网站目录的要求而决定，笔者是放在

UEditor1.4.3实现跨域上传到独立文件服务器，完美解决单文件和多文件上传！

阅读更多关于 UEditor1.4.3实现跨域上传到独立文件服务器，完美解决单文件和多文件上传！

在写配置方法之前先吐槽一下网上的各种教程，TM没一个有卵用，一群傻屌不会写就别写，写了就要负责。百度google搜了半天，全是配置什么document.domain，根域名什么的，我只想对你说：好了，talk is cheap show me the code，言归正传：首先去ue官网下载1.43版 .net版本，解压之后，把demo文件夹改成web，把net那个文件夹拷贝出来放到web外面，如图：这样就把编辑器的静态文件和动态文件分离了，动态部分放到文件服务器上，静态部分集成到我们的网站上。下面我就用c.com绑定到web目录，d.com绑定到net目录(a、b.com我在测试的时候用了)。先在本地IIS创建两个站点，如图设置：接下来要设置Hosts才能访问，这是模拟的绑定域名，打开C:\Windows\System32\drivers\etc找到hosts文件，用记事本打开在文件末尾增加两行： 127.0.0.1 c.com 127.0.0.1 d.com 保存后在浏览器上访问c、d.com就能访问到本地iis了，如果不能保存就先右键hosts文件添加user用户权限设置为可修改就能保存了。接下来打开c.com下面的index.html文件，把它里面的代码该删的删一下，工具栏重新设置一下保留用得到上传功能的： <!DOCTYPE HTML PUBLIC "-/

订阅 Ueditor