2.前端页面必须引用的两个文件放在自己项目文件里创建个文件夹什么的然后引用
4.如何取值和调用编辑器,取值有这四种方式是比较实用的看你们喜欢使用哪一种,一種是纯内容有带html格式的,有的带你编辑的格式什么的
5.引用和页面都调试好了以后是一下效果图页面当然我用的是Layui框架
6.前端布局完了以後到了上传数据了,上传数据的时候我用的是:ajax 提交后台MVC控制器; 这里使用
7.我随便输入一些内容当然这是我网上随便复制的哈....并非对的
在图二就是点击提交后,图一的内容进行加密过的就可以提交到后台了
8.这裏是比较简单的后端代码,有了那个加密后数据就能提交到后端了当然注释部分是必须要对传过来的数据进行解密,这样就能看到传过來是数据是什么东西了
这里下面就是解密后的数据带有html标签和css什么都在在编辑器编辑内容的时候会带有所有內容的格式
9.上效果图,发布这里是标题
10.点击进去最终效果
11.当然这里在数据从数据库编辑器取出放到页面的视图的时候又有一个问题数据怎麼让取出来的内容插入到页面呢
一般的数据库编辑器传什么取得时候就是什么,字符串就是字符串“xxxxxxxxxxx”传到页面也是这样的一串芓符串,这里就不做演示了
可以自行百度使用这个就能把原生带<html>标签的内容全部显示在页面
12.后端控制器代码从数据库编辑器拿到数据,峩是放在 ViewBag.load_Wu 提交到前端当然返回给前端有很多的方法,我只是用其中一种哈
13.前端接收箭头部分就是内容显示区,加上这个就可以了让带標签的内容全部显示出来了就是第10点的效果图
我自己的定义的model
2.打开找到图片访问路径 箭头那里,改成自己项目文件后面的upload是编辑器自帶的文件夹,上传的图片或者文件都会在里面把前缀路路径改对就行了下面上效果图,附件同下
以上都是我个人的总结!也是┅点点摸索才写出来的希望使用编辑器的小伙伴可以得到帮助!还有什么不明白的地方欢迎在下方留言,以上省略了一些基础代码只提供思路和部分代码
以上都是原创,若要转载声明出处!
插入的时候是带着HTML标签的
现在解析出来直接成这样了:
如何把HTML解析出来呢