解决textarea内容保存到MySQL再显示到html中没有换行的问题

最近在做项目时需要用一个MarkDown编辑器编写文章然后保存到数据库中，如下图所示，使用的是MdEditor

但通过后台提取数据显示到html页面中时，却发现没有换行。原来这是因为数据库把换行符过滤掉了。

那该怎么办呢，其实可以用一种迂回的方法将其写入到数据库中，就是可以先把”\n”换行符转换为特定的字符串，读取出来的时候再替换回来。

比如，提交数据时利用 js 获取 textarea 中的内容，再把所有换行符转为 <br>。

<script type="text/javascript">
var content = $("#form1 textarea").val();
content = content.replace(/\n|\r\n/g,"<br>");
</script>

读取出来的时候再替换回来

<script type="text/javascript">
$(function() {
var content ='${blog.article}'; //使用el表达式获取数据
content = content.replace(/<br>/g,"\n");//将<br>替换为换行符 "\n"
//$("div_demo").text(content);
});
</script>

如果是一般textarea内容像上面那样就行了，但由于我这是markdown内容，还要将markdown内容转为 html 代码段

<script src="https://cdn.bootcss.com/showdown/1.3.0/showdown.min.js">
<script type="text/javascript">
var converter = new showdown.Converter(); //初始化转换器
var htmlcontent  = converter.makeHtml(content); //将MarkDown转为html格式的内容
$("#article .article-entry").html(htmlcontent)；//添加到 div 中 显示出来
</script>

最后显示效果,经过换行转换和MarkDown转换后文章能够完美显示出来。(代码段高亮是另外加的啦)