Ueditor

官方文档http://fex.baidu.com/ueditor/ 简单实现工具栏调用： //实现方法 ue.getDialog("工具名称"); //工具名称可以参考如下： toolbars: [ [ 'anchor', //锚点 'undo', //撤销 'redo', //重做 'bold', //加粗 'indent', //首行缩进 'snapscreen', //截图 'italic', //斜体 'underline', //下划线 'strikethrough', //删除线 'subscript', //下标 'fontborder', //字符边框 'superscript', //上标 'formatmatch', //格式刷 'source', //源代码 'blockquote', //引用 'pasteplain', //纯文本粘贴模式 'selectall', //全选 'print', //打印 'preview', //预览 'horizontal', //分隔线 'removeformat', //清除格式 'time', //时间 'date', //日期 'unlink', //取消链接 'insertrow', //前插入行 'insertcol', //前插入列 'mergeright', //右合并单元格 'mergedown', /

一. https://ueditor.baidu.com/website/download.html#ueditor 进入官网下载完整版源码 二. 安装nodejs apt-get install nodejs node -v //检查是否安装好nodejs 三. 在webapp 目录 新建ueditor 文件夹 四. 在udditor 文件上右键->import->导入ueditor的源文件里的jsp目录的所有文件 五. 导入ueditor java源码到src目录 六.pom.xml添加依赖 <!-- 上传文件的支持 --> <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactId> <version>1.3.1</version> </dependency> <dependency> <groupId>commons-io</groupId> <artifactId>commons-io</artifactId> <version>2.4</version> </dependency> <dependency> <groupId>commons-codec</groupId> <artifactId>commons-codec<

用百度富文本编辑器添加新商品： 一、到群文件下载ueditor文件包 二、解压ueditor文件包，把ueditor文件夹复制到你的网站WebRoot目录下。 三、把ueditor/jsp/lib下的五个JAR文件复制到WebRoot/WEB-INF/lib下 四、点网站项目名，按右键，选择Build Path,再点Configure Build Path ,选择java Build Path,点击Libraries, 再点Add JARs ，把这五个JAR文件加载引用到自己的WEB项目中. 五、把ueditor下的ueditor.config.js文件和ueditor/jsp下的config.json文件中的swxt替换成自己的网站项目名称（用查找替换功能完成）。 六、设计商品添加JSP页面，在HEAD部分加上以下语句： 七、在商品添加JSP页面，body部分加上以下语句： 八、在对应的Serverlet文件加上以下语句： String spjs=null; if(request.getParameter(“content”)!=null){ spjs =request.getParameter(“content”); } 来源： CSDN 作者： 忙碌IT人生 链接： https://blog.csdn.net/qq_32311403/article/details

editor-config.js： 下面这一段默认是注释掉的，需要的时候删除注释，添加字体。 JavaScript code ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 , 'fontfamily' :[ { label: '' ,name: 'songti' ,val: '宋体,SimSun' }, { label: '' ,name: 'kaiti' ,val: '楷体,楷体_GB2312, SimKai' }, { label: '' ,name: 'yahei' ,val: '微软雅黑,Microsoft YaHei' }, { label: '' ,name: 'heiti' ,val: '黑体, SimHei' }, { label: '' ,name: 'lishu' ,val: '隶书, SimLi' }, { label: '' ,name: 'andaleMono' ,val: 'andale mono' }, { label: '' ,name: 'arial' ,val: 'arial, helvetica,sans-serif' }, { label: '' ,name: 'arialBlack' ,val: 'arial black,avant garde' }, { label: '' ,name: 'comicSansMs'

1、\ueditor\lang\zh-cn\zh-cn.js 文件中找到：fontfamily节点，添加：'fangsong': '仿宋', 'fontfamily':{ 'songti':'宋体', 'kaiti':'楷体', 'heiti':'黑体', 'lishu':'隶书', 'yahei':'微软雅黑', 'andaleMono':'andale mono', 'arial': 'arial', 'arialBlack':'arial black', 'comicSansMs':'comic sans ms', 'impact':'impact', 'timesNewRoman':'times new roman', 'verdana':'Verdana' }, 2、ueditor\editor_config.js 文件中找到：取消掉注释，添加：{ label: '', name: 'fangsong', val: '仿宋,SimSun' }, ,'fontfamily':[ { label:'',name:'songti',val:'宋体,SimSun'}, { label:'',name:'kaiti',val:'楷体,楷体_GB2312, SimKai'}, { label:'',name:'yahei',val:'微软雅黑,Microsoft YaHei'}, {

工作中需要用到UEditor编辑文本，在与springMVC进行整合时，出现了一些问题，结果导致，在进行图片上传时出现如下提示： 上网查询了很多相关资料，此处简要记录下，防止以后遇到类似问题。 一种方式是直接修改源码，步骤如下： 1、编写controller 如下（该接口是ueditor前后台交互的统一路径） ： package com.test.dcdp.controller; import java.io.IOException; import java.io.PrintWriter; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import com.baidu.ueditor.ActionEnter; @Controller @RequestMapping("/ueditor") public class UeditorController { @RequestMapping("/dispatch") public

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> xssFilter导致插入视频异常，编辑器在切换源码的过程中过滤掉img的_url属性（用来存储视频url）_src/plugins/video.js里处理的是_url，而不是_src。<基本出处参见： https://github.com/fex-team/ueditor/pull/2957/commits/d4b875ce165b3225929496c2d85848afbff0deeb?diff=split > 1、在 配置文件ueditor.config.js 中，定位 //xss过滤白名单，即,whitList:{ }，对 img: 增加 “_url” 属性： 2、在 video 标签后新增3给标签，使Ueditor分别能支持embed标签和iframe标签（此处原理参见 另一篇博客 ）： 代码： source: ['src', 'type'], embed: ['type', 'class', 'pluginspage', 'src', 'width', 'height', 'align', 'style', 'wmode', 'play', + 'autoplay','loop', 'menu', 'allowscriptaccess', 'allowfullscreen', 'controls',

1、下载地址：http://ueditor.baidu.com/website/download.html（我下载的是.net版本） 下载后要先看一下ueditor.config.js和 net/config.json的文件，里面是关于图片上传和其他方法的一些路径配置 2、显示编辑页面（一定要看使用文档：http://fex.baidu.com/ueditor/#server-deploy） 引入所需的js文件 初始化编辑器 html代码： 1 <div class="form-group has-warning"> 2 <textarea class="A4page" id="myEditor" name="NewsContent"></textarea> 3 </div> jquery代码： 1 var ue = UE.getEditor('myEditor', { 2 toolbars: [ 3 ['fullscreen', 'source', '|', 'undo', 'redo', '|', 4 'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset',

在微服务架构的项目中，使用ueditor出现的问题 1.ueditor上传图片功能无法使用 2.点击上传图片提示406上传错误 1.ueditor上传图片功能无法使用 在微服务架构的项目中，使用ueditor富文本编辑器第一个问题，上传单图功能无法调起 拒绝执行脚本，因为其MIME类型（‘application / json’）无法执行，并且启用了严格的MIME类型检查。 解决方法 ： 给接口添加：@ResponseBody，将接收的响应头修改为 text/javascript @RequestMapping(value = "ueditor", produces = "text/javascript; charset=utf-8") @ResponseBody public Object ueditor(MultipartFile upfile,String action,String callback){ } 至此富文本编辑器后台配置错误提示消失，上传图片接口可以成功调起 ↓ 2.点击上传图片提示406上传错误 以为成功调起上传图片功能，就完事了。突然被同事提醒，上传图片失败。 给代码打断点发现，程序运行正常并且可以返回数据，图片也存在于路径文件夹中。但是前端页面却提示，406找不到可接受的表示形式 上网找了很多方法，思考了很久都没有头绪。 终于抱着试一试的想法

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 最近升级spring-security4，使用ueditor上传图片报出如下问题，页面上图片显示为红叉 Refused to display 'http://localhost/api/ueditor/action?action=uploadimage' in a frame because it set 'X-Frame-Options' to 'DENY'. 在如下链接有对X-Frame-Options的详细描述，大家可以参考一下： https://developer.mozilla.org/zh-CN/docs/Web/HTTP/X-Frame-Options?redirectlocale=en-US&redirectslug=The_X-FRAME-OPTIONS_response_header 使用chrome的F12功能，看到返回的response header中X-Frame-Options为DENY，这应该是升级spring security4后带来的，通过如下代码解决： response.setHeader("X-Frame-Options", "SAMEORIGIN"); 来源： oschina 链接： https://my.oschina.net/u/2305466/blog/519980