我沒有導入相應的包javascript
這個用的仍是有些問題css
並且顯示的時候格式問題還沒解決html
<div class="blog_editor" style="margin: 0 auto;width:60%;height:1000px;background-color: white;">java
<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>jquery
//顯示的jsajax
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>json
<script src="https://cdn.bootcss.com/showdown/1.3.0/showdown.min.js"></script>markdown
<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> app