文档章节

如何使用markdown

 南桥北木
发布于 06/24 20:48
字数 316
阅读 4
收藏 0

我没有导入相应的包

这个用的还是有些问题

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

<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>

© 著作权归作者所有

粉丝 1
博文 348
码字总数 64469
作品 0
武汉
私信 提问
Markdown 写作的神兵利器

最近刚开始写作的小伙伴问我,如何使用 Markdown 写作呢? 虽然 Markdown 的语法并不难,但是还是有很多技巧和规范的,我总结梳理了一下,分享给大家。 Markdown 是一种可以使用普通文本编辑...

angkee
2017/11/30
0
0
技术写作工具 | GitHub + Markdown 的新轻型技术写作模式速览

Foreword 2018 年 6 月初,有位读者在后台留言向我咨询了一个关于技术写作工具的问题。那位读者从事技术写作近两年,在新入职一家公司后,一切从零开始,包括工具的调研和选用。 最后 TA 选定...

Lilian_Lee
2018/07/27
0
0
github以及markdown使用总结(持续更新中)

          http://blog.csdn.net/David_Han008/article/details/78343836      问题1:如何在github上面的readme当中添加图片 参考链接 http://blog.csdn.net/zhang58246500/art...

David_Han008
2017/10/25
0
0
通过浏览器加载的方式使用strapdown.js来渲染markdown

文章导读 如何手动调用的渲染方法 html下如何将markdown 转换为html 如何拓展strapdown.js的功能 有哪些好用的markdown渲染库 本文二维码 本文关联的代码 作者修改后的strapdown.js代码库的g...

u010570551
2017/06/20
0
0
CSDN-markdown编辑器使用帮助

版权声明:本文为Cooevjnz原创文章,未经Cooevjnz允许也可以转载! https://blog.csdn.net/JacaJava/article/details/82749406 这里写自定义目录标题 欢迎使用Markdown编辑器 欢迎使用Markdow...

扩展的灰
2018/09/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

只需一步,在Spring Boot中统一Restful API返回值格式与统一处理异常

统一返回值 在前后端分离大行其道的今天,有一个统一的返回值格式不仅能使我们的接口看起来更漂亮,而且还可以使前端可以统一处理很多东西,避免很多问题的产生。 比较通用的返回值格式如下:...

晓月寒丶
昨天
61
0
区块链应用到供应链上的好处和实际案例

区块链可以解决供应链中的很多问题,例如记录以及追踪产品。那么使用区块链应用到各产品供应链上到底有什么好处?猎头悬赏平台解优人才网小编给大家做个简单的分享: 使用区块链的最突出的优...

猎头悬赏平台
昨天
29
0
全世界到底有多少软件开发人员?

埃文斯数据公司(Evans Data Corporation) 2019 最新的统计数据(原文)显示,2018 年全球共有 2300 万软件开发人员,预计到 2019 年底这个数字将达到 2640万,到 2023 年达到 2770万。 而来自...

红薯
昨天
66
0
Go 语言基础—— 通道(channel)

通过通信来共享内存(Java是通过共享内存来通信的) 定义 func service() string {time.Sleep(time.Millisecond * 50)return "Done"}func AsyncService() chan string {retCh := mak......

刘一草
昨天
59
0
Apache Flink 零基础入门(一):基础概念解析

Apache Flink 的定义、架构及原理 Apache Flink 是一个分布式大数据处理引擎,可对有限数据流和无限数据流进行有状态或无状态的计算,能够部署在各种集群环境,对各种规模大小的数据进行快速...

Vincent-Duan
昨天
62
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部