markdown转html格式

根据业务场景,需要发送不同内容的邮件,如何提供基础服务接口去发送邮件,方便后期扩展和维护,荣哥给我提出了一个想法是,抽象邮件模版内容,不在关心调用方的邮件内容,只需要去实现发送邮件功能即可。

准备工作

目前有很多工具可以在线使markdown转html格式
,很方便,开源的东西也很多,我也尝试了几个,markdownpapers-core markdownj-core pegdown,前两个测试了一下,转化 html后总是有一点点小问题,最后一个转化OK。

<dependency>
    <groupId>org.pegdown</groupId>
    <artifactId>pegdown</artifactId>
    <version>1.6.0</version>
</dependency>

pegdown开源代码详见: https://github.com/sirthias/pegdown/

测试demo
package com.zhj.test.markdown;

import org.pegdown.PegDownProcessor;

import java.io.FileNotFoundException;
import java.io.FileReader;
import java.io.IOException;
import java.nio.CharBuffer;

/**
 * markdown文件转html格式
 * 可以使用:Pegdown
 * @author zhengjie
 *
 */

public class MarkdownToHtml {

    public static void main(String[] args) throws IOException {

        System.out.println(get());
    }

    public static String get() throws IOException{
        //java.io.InputStream in = this.getClass().getResourceAsStream("markdown.md");
        String html = null;
        FileReader r = new FileReader("markdown.md");
        char[] cbuf = new char[1024];
        while( r.read(cbuf) != -1){
            html = new String(cbuf);
        }

        PegDownProcessor pdp = new PegDownProcessor(Integer.MAX_VALUE);
        html = pdp.markdownToHtml(html);
        return html;
    }
}

markdown.md 代码:


### 服务端测试结果

UserSystem_BasicDataService_TestCase_20160415110013 测试完成,共7个测试用例,成功6个,失败1个。

| 用例名称 | HTTP请求描述 | URL | 断言类型 | 错误描述 |
| -----|:----:|:----:|:----:|:----:|
| SuiFang_UserSystem_Hospital 1-1   | HttpRequest_getHospital4.2   | [链接](http://dict.xingshulin.com/cdsw/default/data/hospital/1/%e5%8c%97%e4%ba%ac%e4%ba%ac%e5%8c%97/0/100)  | jp@gc - JSON Content Assertion  |  ERROR!!! key:id,expectedValue:294,actualValue:283 ERROR!!! key:name,expectedValue:北京京北医院,actualValue:北京市海淀区北下关医院   |

[详细日志](http://www.baidu.com)

发送邮件代码实现省略。。

发送邮件测试结果:

这里写图片描述

经过样式调试,终于可以看到可以接受的邮件。
注意,此处需加载markdown的样式,参考:https://github.com/huizhong/cnblogs-markdown-css/blob/master/cnblogs-markdown.css

最近看到了一个新的解决方案,提供邮件模版,然后填充不同邮件内容的实现。

总结

解决问题,要发散思维,从不同角度去考虑。不同的逻辑和思想高度,产生不同的处理结果。

### Vue 中实现 Markdown Word 的解决方案 要在 Vue 项目中实现将 Markdown 内容转换为 Word 格式的功能,可以通过以下技术栈来完成: #### 技术选型与原理 1. **Markdown 解析**: 使用 `markdown-it` 或其他类似的库将 Markdown 文本解析为 HTML[^3]。 2. **HTML Word**: 借助前端库如 `docxtemplater` 或 `mammoth.js` 将生成的 HTML 转换为 Word 文件。 以下是具体实现方案: --- #### 实现步骤详解 ##### 1. 安装依赖库 安装必要的 npm 包: ```bash npm install markdown-it file-saver docxtemplater jszip --save ``` - `markdown-it`: 用于解析 Markdown 并将其转换HTML。 - `file-saver`: 提供保存文件的能力。 - `docxtemplater`: 支持从模板创建复杂的 Word 文档。 - `jszip`: 辅助处理压缩包格式(Word 文档实际上是 ZIP 格式)。 --- ##### 2. 编写核心逻辑 编写一个函数,负责将 Markdown 转换为 Word 文件并触发下载操作。 ```javascript import MarkdownIt from 'markdown-it'; import { saveAs } from 'file-saver'; import Docxtemplater from 'docxtemplater'; import JSZipUtils from 'docxtemplater/jszip-utils'; // 初始化 markdown-it const md = new MarkdownIt(); function markdownToWord(markdownContent, fileName) { try { // Step 1: 将 Markdown 转换HTML const htmlContent = md.render(markdownContent); // Step 2: 加载基础 .docx 模板文件 (可以从本地加载) fetch('path/to/template.docx') // 替换为实际路径 .then(res => res.arrayBuffer()) .then(loadData => { // Step 3: 创建一个新的 docxtemplater 实例 const zip = new window.JSZip(); const content = JSZipUtils.arrayBufferToBinaryString(loadData); zip.loadAsync(content).then(() => { const doc = new Docxtemplater(zip, { paragraphLoop: true, linebreaks: true }); // Step 4: 设置数据上下文 doc.setData({ body: htmlContent, }); // Step 5: 渲染文档 doc.render(); // Step 6: 导出 Word 文件 const out = doc.getZip().generate({ type: 'blob' }); saveAs(out, `${fileName}.docx`); }); }) .catch(error => console.error('Error loading template:', error)); } catch (error) { console.error('Conversion failed:', error.message || error.toString()); } } ``` --- #### 关键点说明 1. **Markdown HTML**: - 使用 `markdown-it` 可以轻松地将 Markdown 转换为标准 HTML[^3]。 2. **HTML Word**: - 需要准备一个 `.docx` 模板文件作为基础结构。此模板应包含占位符 `{body}` 来接收动态内容。 - `docxtemplater` 库会替换模板中的占位符并将最终结果导出为新的 Word 文件。 3. **文件保存**: - 使用 `FileSaver.js` 提供简单易用的方法让用户下载生成的 Word 文件。 --- #### 示例调用 假设我们有一个 Markdown 字符串如下: ```markdown # Hello World! This is a simple example of converting Markdown to Word. ``` 可以在组件中这样调用: ```javascript export default { methods: { exportToWord() { const markdownContent = '# Hello World!\n\nThis is a simple example of converting Markdown to Word.'; markdownToWord(markdownContent, 'example'); }, }, }; ``` 点击按钮即可触发导出操作。 --- ### 注意事项 1. 如果不需要复杂样式,可以直接跳过模板部分,仅使用纯文本或简单 HTML 结构。 2. 对于更高级的需求(如表格、图片等),可能需要额外配置 `docxtemplater` 和自定义模板。 --- ####
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值