欢迎访问优讯网!
您当前的位置:首页 > 爱技巧

如何使用markdown markdown使用方法分享

时间:2019-06-25 08:05:38  来源:优讯网  作者:小卡司  浏览次数:

我没有导入相应的包

这个用的还是有些问题

而且显示的时候格式问题还没解决

<div class="blog_editor" style="margin: 0 auto;width:60%;height:1000px;background-color: white;">

  <div style="text-align: left"><br>文章标题:<br>
  
    <input type="text" id="title" name="title" placeholder="标题不要超过100字" style="width: 100%;margin: 5px
	0;height:30px;"/>
	
  </div>
   
   <div id="test-editormd">
   
    <textarea id="editor-md-doc" name="editor-md-doc" style="display:none;"></textarea>
	
    <textarea id="editor-md-html" name="editor-md-html"></textarea>
	
    
   </div>
   
   <input name="my_submit" id="my_submit" value="提交" type="button"/>
   
</div>

<script> $("#my_submit").click(function () { alert("正在提交"); submit_atricle(); }) function submit_atricle() { var title = $("#title").val(); var htmlContent = $("#editor-md-html").val(); htmlContent = htmlContent.replace(/\n|\r\n/g,"<br>"); var markdownContent = $("#editor-md-doc").val(); var title=$("#title").val(); $.ajax({ url: "${pageContext.request.contextPath}/article/editorContent.action", data: JSON.stringify({title: title, htmlContent: htmlContent, markdownContent: markdownContent}), type: "POST", contentType: 'application/json', success: function () { alert("发布成功"); }, error: function () { alert("发布失败"); } }) } </script>

//显示的js

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

<script src="https://cdn.bootcss.com/showdown/1.3.0/showdown.min.js"></script>

<script type="text/javascript"> var content ='${article.htmlContent}'; //使用el表达式获取后台返回的markdown内容 var converter = new showdown.Converter(); //初始化转换器 var htmlcontent = converter.makeHtml(content); //将MarkDown转为html格式的内容 $("#article").html(htmlcontent);//添加到 div 中 显示出来 </script>


 转载自:https://my.oschina.net/u/2511906/blog/3065705。
来顶一下
返回首页
返回首页

本文未标明来源,如有侵权请联系发布者删除!


推荐资讯
如何下载旧版centos iso镜像 如何下载迷你mini版的centos镜像
如何下载旧版centos i
计算机的正确使用姿势 电脑痴如何正确的使用电脑
计算机的正确使用姿势
好用的后台管理的前端框架模版H-ui H-ui框架模版分享
好用的后台管理的前端
微信电脑多开方法 无需辅助电脑版微信双开方法分享
微信电脑多开方法 无
相关文章
    无相关信息
栏目更新
栏目热门