jfinal整合百度富文本编辑器ueditor

suruozhong suruozhong     2022-08-24     250

关键词:

ueditor配置文件ueditor.config.js修改参数serverUrl:(改为要调用的action)

后台代码

package com.sandu.mega.admin.ueditor;

import com.jfinal.aop.Clear;
import com.jfinal.core.Controller;
import com.jfinal.kit.Ret;
import com.jfinal.upload.UploadFile;
import com.sandu.mega.common.kit.UploadOSSKit;
/**
 * 
* @ClassName: UeditorController
* @Description: TODO(百度富文本编辑器统一调用控制器 )
* @author suruozhong
* @date 2017年3月7日
*
 */
@Clear
public class UeditorController extends Controller {
    /**
     * ueditor上传
     */
    public void upload(){
        if ("config".equals(getPara("action"))) {
            render("/assets/ueditor/jsp/config.json");
            return;
        }
        UploadFile file = getFile("upfile"); //获取文件
        String fileName = file.getFileName();
        String[] typeArr = fileName.split("\\.");
        String orig = file.getOriginalFileName();
        long size = file.getFile().length();
        String url = UploadOSSKit.uploadImage(file);
        Ret ret = Ret.create("state", "SUCCESS")  //下面这几个都是必须返回给ueditor的数据
                .set("url", url)  //文件上传后的路径
                .set("title", fileName)  //文件名称
                .set("original", orig)  
                .set("type", "."+typeArr[1])
                .set("size", size);
        renderJson(ret);
    }
}

 

ueditor之——与springmvc整合

...722一、引言相信大家做项目时,很多时候都会用到富文本编辑器。今天是2016年8月的最后一天,那么就给大家带来一篇关于JSPUEditor整合SpringMVC的文章吧,UEditor是百度的一款富文本编辑器产品,网址为:http://ueditor.baidu.com/we 查看详情

django之百度ueditor富文本编辑器后台集成(代码片段)

Python3+Django2.0百度Ueditor富文本编辑器的集成百度富文本编辑器官网地址:http://fex.baidu.com/ueditor/ 疑问:为什么要二次集成?答案:因为百度富文本编辑器Ueditor没有对python的支持 步骤1:  在官网下载Ueditor的任意版本代... 查看详情

百度富文本ueditor编辑器的使用(代码片段)

...其是在网站开发后台管理系统的时候经常会使用到富文本编辑器,这里我们来使用百度提供的富文本编辑器UEditor,以提高我们的开发效率UEditor官网下载地址:https://ueditor.baidu.com/website/download.html 这里我下载的是jsp版本中的UT... 查看详情

百度富文本编辑器ueditor自定义上传图片接口

如下图: 然后修改ueditor.all.js   查看详情

百度富文本编辑器ueditor

前言  配置.netmvc4项目使用ueditor编辑器,在配置过程中遇见了好几个问题,以此来记录解决办法。编辑器可以到http://ueditor.baidu.com/website/download.html#ueditor处下载.net的开发包,如下图,我下载的是1.2.6.1net版本的开发包。配置:1... 查看详情

百度富文本编辑器

...------------------------------------百度搜索—— 百度富文本编辑器——进入首页(百度编辑器-UEditor-首页)百度编辑器 -UEditor-首页 ——上方导航【下载】——选择对应的版本下载(我选的是1.4.3.3.Net版本utf-8版)【把资源... 查看详情

百度富文本编辑器ueditor添加到pom(代码片段)

.../lib/ueditor-1.1.2.jar</systemPath></dependency>由于富文本编辑器的地址相对性,我们发布项目的时候不能将ueditor的jar包放在私服中,会提示找不到该路径。所以,将该jar包放在项目中。 查看详情

百度富文本编辑器的使用(代码片段)

百度富文本编辑器的使用(2016年版本)对于大文章的网上编辑,你的输入编辑框肯定不够用,现在看看功能强大的富文本编辑框吧1.ueditor官方地址:http://ueditor.baidu.com/website/index.html  开发文档地址:  http://ueditor.b... 查看详情

百度的富文本编辑器ueditor兼容问题

...是在IE7下就遇到问题了,如下图所示:做项目很需要这样的编辑器,可又得考虑到兼容性,这怎么办?Ueditor1.4.3以上版本将不再承诺支持ie6/ie7,如果一定要支持IE6/7所以只好下载1.4.2版本试一下了。追问可我用的就是1.4.2的追答那就再找... 查看详情

解决百度富文本编辑器ueditor插入视频后没有路径的问题

...bsp;Updateueditor.config.js文件中,xssFilter导致插入视频异常,编辑器在切换源码的过程中过滤掉img的_url属性(用来存储视频url)_src/plugins/video.js里处理的是_url,而不是_src。修改ueditor.config.js:img:  [‘src‘,‘alt‘,‘title‘,‘... 查看详情

tp5-百度富文本编辑器

....config.js    ueditor.all.min.js    lang/zh-cn/zh-cn.js4、编辑器显示处加 id="content"3、底部  <scripttype="text/javascript 查看详情

百度的富文本编辑器ueditor添加图片自动加上宽度和高度的属性

若是没有对编辑器做任何配置直接添加图片的话,显示的html内容如下图所示:它会显示出原图片尺寸所以必须要对图片的初始显示尺寸做控制:ueditor文件中找到image.js文件在image.js中找到如下图所示:在此处添加上所要想显示的... 查看详情

在网站中使用ueditor富文本编辑器

...tor是由百度WEB前端研发部开发的所见即所得的开源富文本编辑器,具有轻量、可定制、用户体验优秀等特点。官网链接进入到下载页面,选择相应的版本下载这里我们使用ASP.NET开发,所以选择.NET版本。将文件解压后,目录结构... 查看详情

ueditor1.4.3.3富文本编辑器在图片不显示问题

...告,于是乎百度了一下找到一个百度的ueditor 富文本编辑器,由于帮助文档相比而言比较容易看懂,所以就选用了这个,但是也遇到了一些问题  好了 不废话 直接上代码:此项目是javaEE 项目   首先在 ... 查看详情

百度富文本赋值

$(function(){  varcontent=$(‘#daily_content‘).val();  //判断ueditor编辑器是否创建成功  ue.addListener("ready",function(){    //editor准备好之后才可以使用    ue.setContent(content);  });}); 查看详情

springmvc怎么使用百度富文本编辑器

参考技术A上网查询了很多相关资料,此处简要记录下,防止以后遇到类似问题。一种方式是直接修改源码,步骤如下:1、编写controller如下(该接口是ueditor前后台交互的统一路径):packagecom.test.dcdp.controller;importjava.io.IOException;i... 查看详情

常用html富文本编辑器

常用的HTML富文本编译器UEditor、CKEditor、TinyMCE、HTMLArea、eWebEditor、KindEditor简介 这篇文章主要介绍了常用的HTML富文本编译器UEditor、CKEditor、TinyMCE、HTMLArea、eWebEditor、KindEditor简介,需要的朋友可以参考下 1、UEditorUEditor是由... 查看详情

django——xadmin中集成富文本编辑器ueditor(代码片段)

一、安装pip命令安装,由于ueditor为百度开发的一款富文本编辑框,现已停止维护,如果解释器为python2,则直接pipinstalldjangoueditor解压包安装,python3以上的版本需要下载压缩包解压安装下载地址步骤到下载地址下载并解压cmd进入... 查看详情