精华内容
下载资源
问答
  • Java波浪文字制作方法及源代码 1个目标文件 摘要:Java源码,初学实例,波浪文字 Java波浪文字,一个利用Java处理字符的实例,可以设置运动方向参数,显示文本的字符数组,高速文本颜色,显示字体的 FontMetrics对象,...
  • 富文本编辑器在Java中使用

    千次阅读 2018-06-08 01:29:30
    一、ckeditor1)下载ckeditor_3.6.2.zip和ckeditor-java-core-3.5.3.zip两个压缩文件下载地址:http://ckeditor.com2)解压缩文件ckeditor_3.6.2.zip和ckeditor-java-core-3.5.3.zip两个文件,...ckeditor-java-core-...

    一、ckeditor

    1)

    下载ckeditor_3.6.2.zip和ckeditor-java-core-3.5.3.zip两个压缩文件

    下载地址:http://ckeditor.com

    2)

    解压缩文件ckeditor_3.6.2.zip和ckeditor-java-core-3.5.3.zip两个文件,

    在ckeditor_3.6.2文件中有ckeditor文件夹;

    ckeditor-java-core-3.5.3中有ckeditor-java-core-3.5.3.jar、 ckeditor-java-core-3.5.3-javadoc.jar和ckeditor-java-core-3.5.3-sources.jar三个jar包

    3)

    把ckeditor_3.6.2文件夹下的ckeditor整个复制到工程WebRoot下;

    把ckeditor-java-core-3.5.3文件夹下的三个jar包复制到WebRoot—>WEB-INF—>lib文件夹下

    4)

    要使用就必须在jsp文件中先引入ckeditor.js文件

    <scripttype="text/javascript"src="ckeditor/ckeditor.js"></script>

    5)

    新建一个textarea html对象

    <textarea id="editor1" name="editor1">初始化文字</textarea>

    用ckeditor替换html area

    <script type="text/javascript"> CKEDITOR.replace( 'editor1' ); </script>

    或者

    <ckeditor:replace replace="editor1" basePath="/ckeditor/" />

    6)

    效果图


    二、ueditor

    1)

    下载ueditor

    下载地址:http://ueditor.baidu.com/website/download.html

    2)

    解压缩文件,并把文件夹名改为ueditor

    ueditor\jsp\lib路径下有commons-codec-1.9.jar、commons-fileupload-1.3.1.jar、commons-io-2.4.jar、json.jar、ueditor-1.1.2.jar五个jar包

    3)

    把整个ueditor文件夹复制到工程WebRoot下;

    把ueditor\jsp\lib文件夹下的五个jar包复制到WebRoot—>WEB-INF—>lib文件夹下

    4)

    在jsp文件中先引入ueditor.config.js、ueditor.all.js文件

     </script>

     <!-- 配置文件 -->

     <script type="text/javascript" src="ueditor.config.js"></script>

     <!-- 编辑器源码文件 -->

     <script type="text/javascript" src="ueditor.all.js"></script>

    5)

    页面中这么使用

    <!-- 加载编辑器的容器 -->

    <script id="container" name="content" type="text/plain">

    这里写你的初始化内容

    <!-- 实例化编辑器 -->

    <script type="text/javascript">

    var ue = UE.getEditor('container');

    </script>

    6)

    效果图

    7)

    设置和读取编辑器的内容

    var ue = UE.getContent();

    //对编辑器的操作最好在编辑器ready之后再做

    ue.ready(function() {

        //设置编辑器的内容

        ue.setContent('hello');

        //获取html内容,返回: <p>hello</p>

        var html = ue.getContent();

        //获取纯文本内容,返回: hello

        var txt = ue.getContentTxt();

    });


    展开全文
  • JAVA上百实例源码以及开源项目

    千次下载 热门讨论 2016-01-03 17:37:40
     Java波浪文字,一个利用Java处理字符的实例,可以设置运动方向参数,显示文本的字符数组,高速文本颜色,显示字体的 FontMetrics对象,得到Graphics实例,得到Image实例,填充颜色数组数据,初始化颜色数组。...
  • UEditor是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码… 2.下载 下载地址 ://www.jb51.net/codes/45434.html 选择开发版...
  • /*html富文本写成txt*/ public static String WriterTxt(String content) throws IOException{ String real_path = "E:\\txtPath.txt"; String txtPath=""; if (null != content && !"".equals(content))...

    1、写成txt文件

    /*html富文本写成txt*/
    public static String WriterTxt(String content) throws IOException{
       String real_path = "E:\\txtPath.txt";
       String txtPath="";
       if (null != content && !"".equals(content)) {
          content = content.trim();
          //查看默认地址是否存在
          File file = new File(real_path);
          if (!file.getParentFile().exists()) {
             file.getParentFile().mkdirs();
          }
          OutputStreamWriter osw =new OutputStreamWriter(new FileOutputStream(file), "UTF-8");
          osw.write(content);
          osw.close();
          //文件上传
          String fileName =  Tools.get32UUID();
           txtPath=FileUpload.txtUpload(real_path);
       }
       return  txtPath;
    }

    2、上传文件

    public  static String txtUpload(String path) throws IOException {
       String ossImgPath="";
       try {
          File outputfile = new File(path);
          if (!outputfile.getParentFile().exists()) {
             outputfile.getParentFile().mkdirs();
          }
          FileInputStream inputStream = new FileInputStream(outputfile);
          MultipartFile mf = new MockMultipartFile(outputfile.getName(), outputfile.getName(), ContentType.APPLICATION_OCTET_STREAM.toString(), inputStream);
          String imgPath=uploadLocal(mf, "File");
          ossImgPath=imgPath;
       } catch (IOException e) {
          e.printStackTrace();
       }
       return ossImgPath;
    }

    3、本地读取阿里云txt文件内容

    public static String ReadUrl(String FilePath) throws IOException{
    		String read;
    		String readStr ="";
    		try{
    			URL url =new URL(FilePath);
    			HttpURLConnection urlCon = (HttpURLConnection)url.openConnection();
    			urlCon.setConnectTimeout(5000);
    			urlCon.setReadTimeout(5000);
    			BufferedReader br =new BufferedReader(new InputStreamReader( urlCon.getInputStream(),"utf-8"));
    			while ((read = br.readLine()) !=null) {
    				readStr = readStr + read;
    			}
    			br.close();
    		}
    		catch (IOException e) {
    			// TODO Auto-generated catch block
    			readStr ="f";
    		}
    		return readStr;
    	}

    4、使用实例

    @AutoLog(value = "文章管理-编辑")
    @ApiOperation(value="文章管理-编辑", notes="文章管理-编辑")
    @PutMapping(value = "/edit")
    public Result<?> edit(@RequestBody NsArticle nsArticle) {
       nsArticle.setUpdateTime(new Date());
       try {
          nsArticle.setContent(Tools.WriterTxt(nsArticle.getContent()));
       } catch (Exception e) {
          return Result.error(e.getMessage());
       }
       nsArticleService.updateById(nsArticle);
       return Result.OK("编辑成功!");
    }

    展开全文
  • 数据库里字段用text等其他的 实例类是string

    数据库里字段用text等其他的

    实例类是string

    展开全文
  • 富文本显示有个坑:没找到直接给富文本赋值的方法 要先销毁 记录下 success : function(data) { $('#content').attr('value',data.imagePath); var editor = CKEDITOR.instances["content"]; //你的编辑器的...

    如何做到 ueditor批量上传word图片?

    1、前端引用代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

        <meta http-equiv="Content-Type"content="text/html; charset=utf-8"/>

     

       <title>编辑器完整版实例-1.2.6.0</title>

        <script type="text/javascript"src="ueditor.config.js"charset="utf-8"></script>

        <script type="text/javascript"src="ueditor.all.js"charset="utf-8"></script>

        <link type="text/css"rel="Stylesheet"href="WordPaster/css/WordPaster.css"/>

        <link type="text/css"rel="Stylesheet"href="WordPaster/js/skygqbox.css"/>

        <scrip ttype="text/javascript"src="WordPaster/js/json2.min.js"charset="utf-8"></script>

        <scrip ttype="text/javascript"src="WordPaster/js/jquery-1.4.min.js"charset="utf-8"></script>

        <scrip ttype="text/javascript"src="WordPaster/js/WordPaster.js"charset="utf-8"></script>

        <scrip ttype="text/javascript"src="WordPaster/js/skygqbox.js"charset="utf-8"></script>

    </head>

    <body>

        <textarea name="后台取值的key"id="myEditor">这里写你的初始化内容</textarea>

        <script type="text/javascript">

            var pasterMgr = new WordPasterManager();

        pasterMgr.Config["PostUrl"] = "http://localhost:81/WordPaster2/WordPasterUEditor1x/php/upload.php"

        pasterMgr.Load();//加载控件

     

              UE.getEditor('myEditor',{onready:function(){//创建一个编辑器实例

                  pasterMgr.SetEditor(this);

              }});

        </script>

    </body>

    </html>

    请求

    文件上传的默认请求是一个文件,作为具有“upload”字段的表单数据。

    响应:文件已成功上传

    当文件成功上传时的JSON响应:

    uploaded- 设置为1。

    fileName - 上传文件的名称。

    url - 上传文件的URL。

    响应:文件无法上传

    uploaded- 设置为0。

    error.message - 要显示给用户的错误消息。

    2、粘贴word里面的图片路径是fill://D 这种格式 我理解这种是非浏览器安全的 许多浏览器也不支持

    目前项目是用了一种变通的方式:

    先把word上传到后台 、poi解析、存储图片 、转换html、替换图片、放到富文本框里显示

    (富文本显示有个坑:没找到直接给富文本赋值的方法 要先销毁 记录下

    success : function(data) {

         $('#content').attr('value',data.imagePath);

         var editor = CKEDITOR.instances["content"]; //你的编辑器的"name"属性的值

         if (editor) {

           editor.destroy(true);//销毁编辑器

          }    

         CKEDITOR.replace('content'); //替换编辑器,editorID为ckeditor的"id"属性的值

         $("#content").val(result);    //对editor赋值

         //CKEDITOR.instances.contentCkeditor.setData($("#content").text());

     }

    3.接收上传的图片并保存在服务端

    <?php

    ob_start();

    //201201/10

    $timeDir =date("Ym")."/".date("d");

    $uploadDir =dirname(__FILE__).'/upload/'.$timeDir;

    $curDomain = "http://".$_SERVER["HTTP_HOST"]."/";

    //相对路径 http://www.ncmem.com/upload/2012-1-10/

    $relatPath = $curDomain ."WordPaster2/WordPasterUEditor1x/php/upload/" . $timeDir . "/";

     

    //自动创建目录。upload/2012-1-10

    if(!is_dir($uploadDir))

    {

    mkdir($uploadDir,0777,true);

    }

     

    //如果PHP页面为UTF-8编码,请使用urldecode解码文件名称

    //$fileName = urldecode($_FILES['postedFile']['name']);

    //如果PHP页面为GB2312编码,则可直接读取文件名称

    $fileName = $_FILES['file']['name'];

    $tmpName = $_FILES['file']['tmp_name'];

     

    //取文件扩展名jpg,gif,bmp,png

    $path_parts =pathinfo($fileName);

    $ext = $path_parts["extension"];

    $ext =strtolower($ext);//jpg,png,gif,bmp

     

    //只允许上传图片类型的文件

    if($ext == "jpg"

        || $ext == "jpeg"

        || $ext == "png"

        || $ext == "gif"

        || $ext == "bmp")

    {

        //年_月_日_时分秒毫秒.jpg

        $saveFileName = $fileName;

     

        //xxx/2011_05_05_091250000.jpg

        $savePath = $uploadDir . "/" . $saveFileName;

     

        //另存为新文件名称

        if (!move_uploaded_file($tmpName,$savePath))

        {

    exit('upload error!' . "文件名称:" .$fileName . "保存路径:" . $savePath);

        }

    }

     

    //输出图片路径

    //$_SERVER['HTTP_HOST']   localhost:81

    //$_SERVER['REQUEST_URI'] /FCKEditor2.4.6.1/php/test.php

    $reqPath =str_replace("upload.php","",$_SERVER['REQUEST_URI']);

    echo $relatPath .  $saveFileName;

    header('Content-type: text/html; charset=utf-8');

    header('Content-Length: ' .ob_get_length());

    ?>

    效果展示:

     

    在使用前需要配置一下,可以参考我写的这篇文章:http://blog.ncmem.com/wordpress/2019/08/07/umeditor%E7%B2%98%E8%B4%B4word%E5%9B%BE%E7%89%87/

    讨论群:223813913

    展开全文
  • JAVA 集成 Ueditor 百度富文本编辑器(增加了可自定义上传的路径),本菜文笔有限、水平有限;大胆的对后端代码做了些修整。如有问题请不吝赐教。
  • 发邮件、富文本编辑器、html5播放器、等等各种实例的实现 1.运行package com.bruce.test包下的Demo2.java,这里面有2个方法,分别是后天剪切并压缩图片的方法,还有一个是后台纯压缩图片的方法。 2.运行package ...
  • 读取一般文本文件很好办,调用Java自带的io包里的类即可,富文本的doc文件我们可以用Apache的poi项目中的WordExtractor,这里我们一起来以实例讲解Java读取一般文本文件和word文档的方法
  • 1.加载富文本编辑器 https://www.bilibili.com/video/BV1pJ411E7Ug?from=search&seid=3890412938606699158 2. UEditor官网-下载 http://ueditor.baidu.com/website/download.html 一、下载UEditor 下载压缩包 ...
  • %@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@include file="../common/common.jsp"%> <html> <head> <meta http-equi...
  • 后台录入没有涉及到富文本编辑框,只有textarea,但要求保留textarea中输入的换行符;此时显示到web页面上时可以用“pre”等标签保留换行效果(\r\n),但存在如下问题: (1)将web页面用“pdf4”导出成PDF之后,...
  • 富文本框和普通的文本框定位有较大的区别,富文本框常见的实现用到Frame标签,并且Frame里面实现了一个完整的HTML网页结构,所以使用普通的定位模式无法直接定位到富文本框对象。 以http://mail.sohu.com为例,介绍...
  • 1. 解压完整源码,拷贝jsp目录下的java源码,到spring mvc后端 [外链图片转存失败(img-lIJgYE49-1562690226866)( http://203.195.224.74/wp-content/uploads/2019/07/1cae429279def464c58960280f3a2c4e.png )] ...
  • 一定要下完整源码 将源码放入后台代码根目录下,...这一步是将图片上传至阿里云服务器,里面的配置参数大家填自己的就可以了,上传路径要注意与后面富文本框显示的路径一致   显示路径配置,BinaryUploader...
  • Java学习笔记-Day59 文件上传、富文本编辑器一、文件上传1、简介2、实现步骤二、富文本编辑器1、简介2、ueditor     一、文件上传   1、简介   在 Servlet3.0 以前的版本没有对文件上传进行支持,只能用第三方...
  • 富文本文章示例

    千次阅读 2018-01-30 23:45:00
    使用135编辑器来做个专题页面这是个样例换了个文章编辑器,这样写可以让大家跟看微信文章一样。相对比较美观。页面样式自己设计,岂不美哉!这里稍微拖几个组件试试效果先!...script type=text/java...
  • 最近做了一个自动发邮件功能,页面选择订单后,根据产品类型判断选择打开弹窗的邮件模板,选择模板并把拉出富文本编辑器,将选的邮件模板回填到富文本编辑器,可进行在即编辑操作,发送邮件。摸索着完成了,记录一下...
  • 开发环境:一个简单的SpringMVC框架中,用百度富文本编辑器 ueditor 实现图片和文件的上传 官网地址:http://ueditor.baidu.com/website/ 需要使用到的2个文件如下(官网上下载):1,ueditor1_4_3_3-utf8-jsp.zip...
  • 百度富文本编辑器的使用

    万次阅读 2016-05-21 13:41:37
    百度富文本编辑器的使用 (2016年版本) 对于大文章的网上编辑,你的输入编辑框肯定不够用,现在看看功能强大的富文本编辑框吧 1.ueditor 官方地址: http://ueditor.baidu.com/website/index.html  开发文档地址: ...
  • 实例化编辑器到id为 container 的 dom 容器上: var ue = UE.getEditor('container'); 2. 设置编辑器内容: ue.setContent(' hello!'); 3. 追加编辑器内容: ue.setContent(' new text', true); 4. 获取编辑器html...
  • 完整实例,决对实用,我已测试成功的。不明白如何使用的可以按着下载文件中的说明文档进行操作
  • vue 富文本组件 vuetrix编辑器 (vue-trix-editor) A Vue wrapper around the Trix rich-text editor, with support for images and auto-save. 围绕Trix富文本编辑器的Vue包装器,支持图像和自动保存。 注意:...
  • 安卓实现富文本(1)

    千次阅读 2018-04-23 16:43:20
    本篇文章实现自我编辑富文本,就是说可以实现让自己编辑的文字以富文本的形式展示 主要参考的是这位大神的博客 展示富文本的思路 首先需要拿到用户在编辑框编辑的文字 然后根据用户选择的富文本方式(比如说,...
  • 在做商品添加模块的时候,需要用到富文本编辑器来上传和编辑商品详情,细心的朋友可能已经发现,Guns其实自身也集成了一个富文本编辑器 ——wangEditor。 只不过,这个富文本编辑器是轻量级的,还不能满足商品...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,253
精华内容 2,501
关键字:

java富文本实例

java 订阅