个人博客项目之editormd实现文章详情页面预览

个人博客项目之editormd实现文章详情页面预览继之前博客写了 editmd js 国内开源的一款前端 Markdown 框架 实现的写文章功能之后 本博客介绍使用 editormd 实现文章预览功能 之前博客链接 https blog csdn net u0 article details 要从上篇博客介绍的将 Markdown 语法的语句存储在数据库之后 读取出来 然后调用 editormd 的一些 js 脚本就可以实现主

继之前博客写了editmd.js(国内开源的一款前端Markdown框架)实现的写文章功能之后,本博客介绍使用editormd实现文章预览功能,之前博客链接:https://blog.csdn.net/u0/article/details/

要从上篇博客介绍的将Markdown语法的语句存储在数据库之后,读取出来,然后调用editormd的一些js脚本就可以实现

主要参考editormd提供的examples文件夹下面的html-preview-markdown-to-html.html

package net.myblog.repository; import java.util.Date; import java.util.List; import net.myblog.entity.Article; import org.springframework.data.domain.Page; import org.springframework.data.domain.PageRequest; import org.springframework.data.domain.Pageable; import org.springframework.data.jpa.repository.Query; import org.springframework.data.repository.PagingAndSortingRepository; import org.springframework.data.repository.query.Param; public interface ArticleRepository extends PagingAndSortingRepository 
  
    { / * 获取文章详情信息 * @param articleId * @return */ @Query("from Article a where a.articleId=:articleId") public Article getArticleInfo(@Param("articleId")int articleId); 
  

Service类:

/ * 获取文章详情信息 * @param articleId * @return */ public Article getArticleInfo(int articleId) { return articleRepository.getArticleInfo(articleId); } 

Controller类

/ * 博客详情页面 * @return */ @RequestMapping(value = "/details") public ModelAndView details(@RequestParam("articleId")String articleId) { ModelAndView mv = this.getModelAndView(); Article article = articleService.getArticleInfo(Integer.parseInt(articleId)); mv.addObject("article",article); mv.setViewName("myblog/article/article_details"); return mv; } 
        

前端的jsp页面:

<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>


   
    
     Nicky's blog 
    
     
      
       
        
         
          
           
            <%@ include file="../frame/top.jsp" %> 
           

${article.articleName}

<%@ include file="../frame/footer.jsp" %>

在这里插入图片描述

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/229923.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月16日 下午3:33
下一篇 2026年3月16日 下午3:33


相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号