之前在用csdn的时候,觉得他们家的编辑器挺好用,精美,简洁,大方,功能强大。最近自己的项目也要用到编辑器,我就想起了xheditor。

好多大网站都用到它~好棒!

我把xheditor用于文章模块,添加和修改文章,然后保存到数据库中,用text类型存储。编辑文章避免不了图文混排,那就要考虑到如何处理图片。

主要有两种方案:

把图片上传到服务器中,然后把图片的路径保存到数据库

用base64编码图片,然后再把编码后长长的一串保存到数据库中

这里主要跟大家说说第一种,因为后期还要用到正则匹配文章中的图片。

这里要注意几点:

1.默认是用html5上传

由于对html5不熟悉,导致上传的时候老是出现“上传接口出现错误的提示”;而提示原因是

“Automatically populating $HTTP_RAW_POST_DATA is deprecated and will be removed in a future version。”

如下所示:

解决的办法就是把 php.ini 中的 always_populate_raw_post_data 修改为-1 就行了;

详细参考:http://www.cnblogs.com/luoyangcn/p/4309838.html

如果你不想要html5上传,在初始化的时候,把html5Upload改为false就行了,我这里就没有用html5上传;

配置好以后,后台就可以接收到上传的图片啦~

后台处理程序可以参考官方给出的demo

注意表单文件域的name 为 filedata

2.图片base64编码

xheditor是一个非常好的文本编辑器,你可以上传图片,也可以粘贴图片

粘贴图片的话,xheditor会自动帮你用 base64 编码,所以这时候你存到数据库的不是图片路径,我并不想把一长串东西保存到数据库里面,怎么做呢?

在这,把 cleanPaste 改为3,这样,就不能粘贴图片了。当然,这个cleanPaste的意思是清除粘贴的HTML代码,看看一下解析你就懂了。

参数:0(不做任何清理),1(简单清理Word),2(深入清理Word),3(强制转文本),默认为1简单清理Word

说明:若网站应用需要保留更多的Word样式效果,请设置此值为1,不过产生的HTML代码体积会大大增大

备注:1.1.4版本中新变更,原为wordDeepClean和forcePasteText两个参数

最后注意一点,xheditor 会把内容中的大于号,小于号,双引号,单引号这些通通转化为实体字符,相当于 php 中的 htmlspecialchars() 函数

参考链接:https://www.cnblogs.com/estellez/p/3977196.html

xheditor 内容保存时 不转义html特殊字符,xheditor编辑器上传图片(示例代码)相关推荐

  1. python自动保存ping结果_利用python获取Ping结果示例代码

    前言 本文主要跟大家分享了关于利用python获取Ping结果的相关内容,分享出来供大家参考学习,下面话不多说,来一起看看详细的介绍吧. 示例代码: # -*- coding: utf-8 -*- i ...

  2. textarea中的内容保存与显示时换行符的处理方法

    一.基本知识 textarea中,换行符是/r/n,而html中换行符是<br/>. 如果要把textarea中填写的内容显示在页面上,需要在最终显示到页面上时将/r/n替换成<br ...

  3. OpenCV中图像以Mat类型保存时各通道数据在内存中的组织形式及python代码访问各通道数据的简要方式...

    OpenCV中图像以Mat类型保存时各通道数据在内存中的组织形式及python代码访问各通道数据的简要方式 以最简单的4 x 5三通道图像为例,其在内存中Mat类型的数据组织形式如下: 每一行的每一列 ...

  4. python 下载网页文件_『如何用python把网页上的文本内容保存下来』python爬取网页内容教程...

    python爬虫:如何爬网页数据并将其放在文本 用requests库 r=r.requests.get(url) r.concent 保存到文件里就行了 如何用python把网页上的文本内容保存下来 ...

  5. java xml 节点换行_Winform中对xml文件进行保存时空白节点自动换行问题的解决

    场景 Winform中自定义xml配置文件后对节点进行读取与写入: 在上面实现对xml配置文件进行节点的读取和写入时,发现一个问题, 就是节点的内容为空相应的xml文件中的节点会自动换行,那么下次再进 ...

  6. Winform中对xml文件进行保存时空白节点自动换行问题的解决

    场景 Winform中自定义xml配置文件后对节点进行读取与写入: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/10053213 ...

  7. 记录之关于tensoflow中使用Adam优化算法导致模型保存时参数的变化的记录

    1.tensorflow '/conv/biases/Adam_1'not in ckpt file 这类问题是加载预训练模型时常常遇到的,原因就是在使用rmsprop或者adam优化器的时候,他们会 ...

  8. python 保存pdf文件_PyPDF2读取PDF文件内容保存到本地TXT实例

    我就废话不多说了,大家还是直接看代码吧! from PyPDF2.pdf import PdfFileReader import pandas as pd def Pdf_to_txt(pdf): f ...

  9. “Word自动更改后的内容保存到通用文档模板上。是否加载该模板?“的解决办法...

    在win7系统下,Word2010出现了不能正常关闭.打开一个已有word文档,点击右上角关闭按钮后,先提示"word已停止工作,windows正在检查该问题的解决方案",随后提示 ...

最新文章

  1. HTMLButton控件下的Confirm()
  2. java错误:The superclass javax.servlet.http.HttpServlet was not found on the Java Bu
  3. 【转】Oracle回收站(recyclebin)
  4. 【渝粤教育】广东开放大学 商务英语听说 形成性考核 (37)
  5. mysql高级操作_MySQL数据库的高级操作
  6. Java中堆、栈和常量池的区别
  7. STM32学习:外部中断
  8. 该行已经属于另一个表 的解决方法
  9. 【 Codeforces Round #301 (Div. 2) D】Bad Luck Island【概率DP】
  10. 【ArcGIS微课1000例】0033:地图点状标记符号设计教程
  11. qstring 字符串查找_怎样用QT查找字符串并标记要查找的内容
  12. oracle vm 强制关机,[已解决]Virtualbox安装archlinux过程中客户机和宿主机全部卡死...
  13. Word2016怎么制作目录
  14. that's why you go away(song)
  15. 简述Python垃圾回收机制
  16. 《自控力》第八章读书笔记
  17. 【Selenium】切换/窗口切换
  18. 大数据到底是干什么用的?
  19. 关于深度学习方面的一些概念
  20. Flash 安装失败

热门文章

  1. linux怎么配置ftp服务,Ubuntu下安装、配置FTP服务
  2. Caused by SSLError(“Can‘t connect to HTTPS URL because the SSL module is not available)
  3. penalized_tanh可视化
  4. numpy的random模块
  5. 【OpenCV】邻域滤波:方框、高斯、中值、双边滤波
  6. mysql des_mysql中DES加密解密
  7. element upload预览_vue+element上传图片并显示预览图
  8. maven java 可执行jar_Maven项目打包成可执行Jar文件
  9. dsp指令ixh_第一章 DSP入门教程(非常经典).pdf
  10. java iterator 将int_ListIteratorlt;Egt; listIterator(int index)_Java.util包|WIKI教程