当我们打开央视新闻网站时,能看到很多丰富多彩的文章,那么这些文章是怎么保存在数据库中的呢?或者说要怎样能实现类似的效果?
![d17d1848f8a02423cbd44a96dbc1b7c7.png](https://i-blog.csdnimg.cn/blog_migrate/60722632bf05cc53696824afcae1fa5e.jpeg)
如果你了解过网页的话,应该知道通过html的p、ul、img、div等元素的合理组合,就能展现出丰富多彩的信息。
如果我们写文章用html来写,那写作的过程一定是一件令人痛苦的事情? 其实已经有成熟的工具来解决这一问题了:富文本框。类似下图的样子,可以像word一样写文章,调节字体大小,所见即所得。
![86ba96559ff22cbe4168ca913efcdb83.png](https://i-blog.csdnimg.cn/blog_migrate/260f531e8fce0ffa3f116d6f751d255c.jpeg)
富文本框
wangEditor,使用简单,能满足基本需求。配置好后,将以下代码嵌入网页,即可在网页上创建一个富文本框。
---中间隔离带---
";if($playMode=='修改'){echo "
".$result_arr[3]."
";}else{echo "
请输入内容。注:不要输入单引号
";}echo "
";
一般而言,form表单提交后,需要自己在另一个页面接收数据,并存入数据库。数据库里的文章类似下图这样的,字符串与html元素混合的文本!
![3ba27d190e7d9dd57dfb30e7d8e4710c.png](https://i-blog.csdnimg.cn/blog_migrate/fef29cd2c036eed939a10adc055129dc.jpeg)
当需要将文章显示在网页上时,查询文章内容并嵌入html内即可,我这里多做了一步自定义的解密操作。因为我在存入数据库前,将特殊字符替换了,所以现在需要还原回来。
![ad10bde809c7e7159e014aedfb6fcc4d.png](https://i-blog.csdnimg.cn/blog_migrate/7b0434a2bdce0797c6525df28d9d8cfd.jpeg)
最终,网页上显示的内容和当时编辑的样子一样了