比如：
<html>
<p>1234455</p>
<h3>12334</h3>
</html>
这种方式去保存首先，数据库不管你存入什么字符，他都不会拒绝，你用jsp存储特殊字符失败，应该是java的某种机制，不让你存储，肯定不是数据库，或者你把数据库字段类型设置成text型，可能是字符超过字段长度限制的问题。
其次，java字符集，建议前后台和数据库都用utf-8
最后，文本编辑器里，可能存在xss注入漏洞的代码，需要你在存入数据库前进行转义，网上有现成的转义方法，自己查一下xssfilter。务必重视xss漏洞，尤其是系统中，带有富文本编辑功能的系统，很容易被xss攻击。遇事不决先看文档
Events | WYSIWYG HTML Editor | Froala
froala editor富文本编辑器，有一个froalaEditorkeypress的事件，可以将输入的内容绑定到事件上（当然froalaEditorkeyup或者froalaEditorkeydown都可以，看情况），可以和表单一起提交传到后台。
至于怎么去处理这个富文本中的数据，如果还是在富文本编辑器展示的时候，可以不用处理，froala editor会自动读取并展示。如果说别的地方要使用富文本框中的内容，估计要用到html解析。
你的意思我不太明白，你所谓的可视化编辑是否指的是 所见即所得 模式呢？
我的理解是这样的，那么我要告诉你，现在各种系统都是内嵌的编辑器，最常用的就是“ewebeditor”
"""""
eWebEditor是一个基于浏览器的在线HTML编辑器，WEB开发人员可以用她把传统的多行文本输入框<textarea>替换为可视化的富文本输入框。
eWebEditor主功能不需要在客户端安装任何的组件或控件， *** 作人员就可以以直觉、易用的界面创建和发布网页内容。
您可以通过eWebEditor自带的可视配置工具，对eWebEditor进行完全的配置。
eWebEditor是非常容易与您现有的系统集成，简单到您只需要一行代码就可以完成eWebEditor的调用。
您可以把eWebEditor应用于各种基于网页的应用系统中，如内容管理系统、邮件系统、论坛系统、新闻发布系统，等与内容发布相关的所有应用系统。
""""""""
这个编辑器各个平台下都有，ASPPHP等。
使用时需要先去下载编辑器代码，下回RAR后解压，有很多文件，将整个复制到网页文件根目录下，在你的页面中需要使用编辑器的地方
先创建一个textarea域,
<textarea name="content" style="display:none"></textarea>
其中style="display:none" 决定了这个文本域是隐藏的
在调用eWebEditer,示例:
<iframe ID="eWebEditor1" src="/ewebeditorhtmid=content1&style=coolblue" frameborder="0" scrolling="no" width="500" HEIGHT="350"></iframe>
其中src="/ewebeditorhtmid=content&style=coolblue"中id=后面的第一个参数必须和textarea域的name属性的值一致。
而textarea得value属性就是 编辑器内容的初始值。
我也慢慢才有这个认知，欢迎进一步交流
w3SCHOOL,是学习网页技术的最佳地方
JS PHP XML>
拖动的位置是靠边距来调整的，也与event对象的参数有关，数值可以在mousedown事件里面利用ajax发送出去，接受端再将数据利用SQL来写入到数据库。186044 在网上找的这些代码就很有代表性，你要懂得原理再进行完善，不然网上的代码对你也没什么作用。。。
第一次使用富文本编辑器，遇到了很多的坑，与大家分享。因为项目原因，使用了 react-draft-wysiwyg ；
配合使用插件如下：
1 Draftjs
2: draftjs-to-html
3: html-to-draftjs
DEMO1效果图如下：
一：安装所用插件
二：初始化一个空白的编辑器
（4）提交到后台：双方约定接收html字符串（'<p>12344444</p>'）;
重点来了：
1）看看“1”处的数据结构到底是怎么样的
这是一个ContentState对像结构
2）看看“2”处的数据结构
convertToRaw()方法
将一个ContentState对象，转换为一个原始的JS结构。
在保存编辑器状态以用于存储，转换为其他格式或应用程序中的其他用途时使用
注意：多媒体，image的“type”跟普通的text(unstyled)不一样,是“atomic”。文本的转换之间。
3）看看“3”处的数据结构
draftToHtml() 方法
将原始js格式转换成html字符串；
编辑有值的富文本
难点：解析html字符串，让其显示在富文本编辑器中，可编辑。
理想中的效果图:
实际你遇到的：应该显示的地方却显示成一个相机；
draft官网解析的方式。用了自带的 converFromHTML 去转换;
看一下转换后的数据格式
text值在转换后变成了相机的样子。
所以问题就出现在这里了。text值是相机。
用插件“ html-to-draftjs ”去转换，type值不再是相机。问题迎刃而解；
这是我第一次使用富文本，可能有些问题出有其他的解决方案，欢迎前来指教，谢谢！！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）