精华内容
下载资源
问答
  • 富文本怎么保存
    千次阅读
    2021-01-08 15:27:58

    富文本保存到数据库

    
    		 String html = "<p wx:nodeid='135'>1.地方</p><p wx:nodeid='156'>2.第三方"; // 前端传过来的富文本内容
    
    		 String temp = HtmlUtils.htmlEscapeHex(html);
    		 System.err.println("存数据库=\r\n" + temp);
    		 resume.setExperience(temp);
    		 String returnHtml = HtmlUtils.htmlUnescape(temp);
    		  System.out.println("回调===\r\n" + returnHtml);
    

    第一次写 博客 记录一下
    这里富文本保存到数据库中需要先编译后,再保存到数据库中

    &lt;p wx:nodeid=&#39;135&#39;&gt;1.地方&lt;/p&gt;&lt;p wx:nodeid=&#39;156&#39;&gt;2.第三方
    

    这个是springboot 自带的工具类,编译,反编译就可以了。在实际开发中,发现,不需要用到String temp = HtmlUtils.htmlEscapeHex(html);再编译一次,前端传过来的数据在接收时已经编译好了,只需要从数据库中拿时,反编译一次就好
    这个不知道是idea 自带的功能,还是springboog框架自带的,记录一下,避免下次踩坑。
    折腾了一天了,很奇怪的是,第一次存数据库是编译后再存的,读取数据也没有问题。
    过了一天又出问题了,不需要编译,直接存数据库,只要读取的时候反编译就好了。

    更多相关内容
  • StringEscapeUtils.unescapeHtml4(【org.apache.commons.lang.StringEscapeUtils.escapeHtml(str)】【StringEscapeUtils】String str = "baidu";/*** Spring的HtmlUtils进行转义*///<a href='...

    StringEscapeUtils.unescapeHtml4(

    【org.apache.commons.lang.StringEscapeUtils.escapeHtml(str)】

    【StringEscapeUtils】

    String str = "baidu

    /**

    * Spring的HtmlUtils进行转义

    */

    //<a href='http://www.baidu.com'>baidu</a><script>

    System.out.println(org.springframework.web.util.HtmlUtils.htmlEscape(str));

    //baidu

    System.out.println(org.springframework.web.util.HtmlUtils.htmlEscapeDecimal(str));

    //<a href='http://www.baidu.com'>baidu</a><script>

    System.out.println(org.springframework.web.util.HtmlUtils.htmlEscapeHex(str));

    /**

    * Spring的HtmlUtils进行还原

    */

    //baidu

    System.out.println(org.springframework.web.util.HtmlUtils.htmlUnescape("<a href='http://www.baidu.com'>baidu</a><script>"));

    //baidu

    System.out.println(org.springframework.web.util.HtmlUtils.htmlUnescape("baidu

    //<a href=‘http://www.baidu.com‘>baidu</a><script>

    System.out.println(org.springframework.web.util.HtmlUtils.htmlUnescape("<a href='http://www.baidu.com'>baidu</a><script>"));

    /**

    * apache的StringEscapeUtils进行转义

    */

    //<a href=‘http://www.baidu.com‘>baidu</a><script>

    System.out.println(org.apache.commons.lang.StringEscapeUtils.escapeHtml(str));

    /**

    * apache的StringEscapeUtils进行还原

    */

    //<a href=‘http://www.baidu.com‘>baidu</a><script>

    System.out.println(org.apache.commons.lang.StringEscapeUtils.unescapeHtml("<a href=‘http://www.baidu.com‘>baidu</a><script>"));

    展开全文
  • java 关于处理富文本保存,查询,更新过慢问题 首先了解为什么富文本保存,查询,更新会过慢 数据库富文本字段类型为:longtext 类型 假如富文本里面只保存文字的话,保存,查询,更新都会很快 注意:只有富文本里面插入...

    java 关于处理富文本保存,查询,更新过慢问题

    首先了解为什么富文本保存,查询,更新会过慢

    数据库富文本字段类型为:longtext 类型
    数据库字段假如富文本里面只保存文字的话,保存,查询,更新都会很快

    注意:只有富文本里面插入图片或者视频的时候才会变的很慢–因为前端富文本组件会把图片或视频直接转化为base64编码,这样保存量数据就会变的极大!

    解决方案:
    1. 后端提供一个文件上传的接口,前端富文本要插入图片的时候直接调上传接口,先把图片或者视频上传到服务器,返回图片的url,前端把url直接放到 <img src=“图片url” 变成网络上传的格式 ,每次查询的时候后端找到最新的图片域名,替换进去,防止切换环境导致的图片不回显。
    2. 可以直接做一个素材库的功能,实现方式和第一个方式差不多,先把要上传的图片或者视频先上传到服务器,然后每回富文本要插入图片或者视频的时候,直接去素材库里面拿图片或者视频的url,填充进去 <img src="图片url"就可以实现了,这样无论多大的图片或者视频插入进富文本都会特别快
    展开全文
  • 富文本保存的base64字符串转换成图片并保存到OSS 1. 问题 最近在项目中由于疏忽,遇到了一件刚上线就比较棘手的事: 富文本保存图片,前端直接保存图片base64数据到服务器,导致产生大量的数据,直接导致数据库打不...

    1. 问题

    最近在项目中由于疏忽,遇到了一件刚上线就比较棘手的事: 富文本保存图片,前端直接保存图片base64数据到服务器,导致产生大量的数据,直接导致数据库打不开,上线之后页面刷新超慢,平均查询一个商品详情要10s-20s,简直忍无可忍。

    2. 思路

    1. 富文本base64格式数据:<p><img src="https://img-blog.csdnimg.cn/2022010705324888670.jpeg"></p>
    2. 将数据中的base64格式数据根据正则匹配出来,参考:base64正则
    3. 将base64图片数据上传到oss
    4. 将富文本数据的base64字符串中的图片数据替换成url

    3. 代码

    • 提取字符串中的base64数据
        /**
         * base64数据替换成oss上传后的图片路径
         * @param data base64图片数据
         * @param fileId 商品id
         * @return 替换后的字符串
         */
        public static String replaceBase64(String data, String fileId){
            String pa = "data:([a-z]+\\/[a-z0-9-+.]+(;[a-z-]+=[a-z0-9-]+)?)?(;base64)?,([A-Za-z0-9+/]{4})*([A-Za-z0-9+/]{3}=|[A-Za-z0-9+/]{2}==)?";
            Pattern pat = Pattern.compile(pa);
            Matcher matcher = pat.matcher(data);
            while (matcher.find()) {
                String mm=matcher.group(0);
                Map<String, String> map = uploadImageStr(mm, fileId);
                String url = map.get("url");
                data = data.replace(mm, url);
            }
            return data;
        }
    
    • 获取待替换的字符串(包含base64图片数据的字符串)
       /**
         * 转换商品的描述
         */
        public static void convertProductFullDesToOss(String id) {
            //查询商品
            ProductProduct product = productProductMapper.selectByPrimaryKey(id);
            //待替换的富文本base64数据
            String des = replaceBase64(product.getFullDescription(), id);
        }
    
    
    • 将提取的base64字符串数据转换成图片并上传到OSS
        /**
         * upload base64
         * @param data base64数据
         * @return 结果
         */
        public Map<String, String> uploadImageStr(String data, String fileName) {
            
            //最重要的步骤:
            BASE64Decoder decoder = new BASE64Decoder();
            String[] d = data.split("base64,");
            //1. ”base64,“之后的数据就是图片的数据 
            String fileData = d[1];
            byte[] file = new byte[0];
            try {
                //2. 将图片数据转成字节数组
                file = decoder.decodeBuffer(fileData);
            } catch (IOException e) {
                e.printStackTrace();
            }
    
            //3. oss文件上传
            //***************
            //
            //HashMap<String, String> map = new HashMap<>();
            //map.put("url", finalUrl);
            //map.put("id", pictureId);
    
            //4. 关闭连接
            //ossClient.shutdown();
            return map;
        }
    
    • 主函数
    
      public static void main(String[] args) {
          convertProductFullDesToOss("c5abd032bff34743b34b74ab850d50d1");
      }
    
    
    展开全文
  • /*html富文本写成txt*/ public static String WriterTxt(String content) throws IOException{ String real_path = "E:\\txtPath.txt"; String txtPath=""; if (null != content && !"".equals(content))...
  • java富文本内容处理
  • 为啥最多才能收5分,这让我很无语,里面实现了很多功能,包括图片加载,上标下标之类
  • Bootstrap提供了一个叫wysiwyg的富文本组件,用来显示和编辑富文本数据,但如何将编辑后的数据保存到MySQL数据库,却不得而知。另外,如何将mysql数据库中的数据显示到wysiwyg也不得而知,对于这两个问题,让我来...
  • 原标题:富文本域数据保存到数据库《富文本域数据保存到数据库》,这个标题感觉还不够清晰明了。只好再赘述一遍了,前端使用了bootstrap的wysiwyg富文本组件,然后就是不知道怎么保存图片,图片数据提交到数据库后,...
  • 几年前我一直在玩这个 - 基本上我在数据库中有文字,我正在标记以强调某些单词 . 我在存储过程中对其进行了标记,然后将其转换为客户端... 然后将其保存为某处的RTF文档 . 在您选择的纯文本编辑器中打开该文档(我使...
  • 富文本数据保存

    千次阅读 2019-02-14 17:15:01
    Bootstrap提供了一个叫wysiwyg的富文本组件,用来显示和编辑富文本数据,但如何将编辑后的数据保存到mysql数据库,却不得而知。另外,如何将mysql数据库中的数据显示到wysiwyg也不得而知,对于这两个问题,让我来...
  • how can I save the contents of a rich text box without needing to open the save file dialog.i think its something like:richTextBox1.SaveFile(@"\Documents\save_file_here.rtf");but it cant find the file...
  • } }/*** 保存*/@RequestMapping("/company_save") @ResponseBodypublicJsonResult companySave(String words) {try{ String content= URLDecoder.decode(URLDecoder.decode(words, "UTF-8"), "UTF-8"); writeWord...
  • 对象中有富文本编辑属性的字段 //类似如下结构、报错位置在cacheService.get位置. public Result> getChosen(int type,String objectId){ String cacheString = cacheService.get(CommonCacheKey.BBS_CHOSEN+"_"+...
  • 遇到过坑,修改过的百度富文本可以自定义保存路径和文件名格式
  • 富文本编辑器编辑的内容调用后端的接口保存再返回的数据带标签
  • 我在我的项目中使用了Kindeditor富文本编辑器(或许你使用的是Ueditor\ckeditor),通过富文本编辑器编辑文章的内容然后存储到数据库中,再从数据库中读取显示到网页上来。 在这个过程中,我遇到一个问题,当我在...
  • 本文实例为大家分享了小程序富文本提取图片可放大缩小的具体代码,供大家参考,具体内容如下 启发: 因为最近有需求说在小程序商品的详情页里所有图片可以放大缩小,网上好像不太好找,就写了篇博客,供大家参考 ...
  • 一、关于qt设计富文本编辑器中的文件保存问题 可以使用文本流进行读写文件,一定要使用(*.rtf)格式进行保存,不然可能就会出现插入的图片和表格不显示的问题。 代码如下: //保存代码 QFileDialog *fileDialog=new ...
  • 富文本框中想插入一段js引用,<>括号就会转义成<>,这样也没问题,显示在网页上时还会转回来,但是不是以html的形式显示出来,而是以txt的形式显示了。如果不动js库,不动源代码,只在富文本框中输入时...
  • 如何使用VB6.0保存富文本格式文件 文章目录如何使用VB6.0保存富文本格式文件前言一、富文本格式文档是什么?二、VB6.0中如何操作富文本1.引入RichTextBox控件2.利用控件提供的方法保存和加载RTF文件总结 前言 在...
  • ckeditor富文本

    2016-09-05 12:35:17
    这是一个富文本组件,将其直接使用在工程下即可使用,我的详细使用过程已经放在了下载资源包里边
  • 富文本—>HTML Go !!!
  • 我使用到了 富文本编辑器 。这里使用到的是第三版本 较以往多在事件 样式 兼容上作区别 技术: Vue +wangEditor3 首先 我们需要对富文本编辑器做一个大致的了解 认识 知道他的一些事件 和 提供的功能 以及对照...
  • java web 富文本

    2018-03-03 11:10:10
    富文本.zip,富文本,ueditor,lang,en,images,addimage.png,localimage.png,background.png,upload.png,rotateleftdisable.png,deletedisable.png,copy.png,alldeletebtnhoverskin.png,rotaterightdisable.png,...
  • 小编最近在使用layui的富文本编辑时遇到一个问题,上传图片后,文本框的图片被选中,并且未被复制到文本域中,保存后没有数据 解决办法为: 1.在富文本编辑器中追加一个dom标签div,这样可以取消选中图片 2.将富文本...
  • VUE 富文本(vue2-editor)

    2020-12-19 16:37:36
    import { VueEditor } from'vue2-editor'import {defaultBar} from'./editorToolBar.js'exportdefault{name:'Vue2Editor',props: ['content','disabled'],data() {return{strHtml:this.content,uploaderUrl:'...
  • html加载富文本_HTML基础

    千次阅读 2020-11-19 20:12:01
    主流浏览器内核IE/Edge - TridentFireFox - GeckoSafari - WebkitChrome - Webkit 升级到 BlinkOpera - Presto 升级到 Webkit 升级到 BlinkHTMLHTML叫做超文本标记语言(Hypertext Markup Language) ,用于搭建网页的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 25,502
精华内容 10,200
关键字:

富文本怎么保存