利用Python開發(fā)一個(gè)功能全面的Markdown編輯工具

更新時(shí)間：2025年03月08日 11:32:22 作者：winfredzhang

這篇文章主要為大家詳細(xì)介紹了如何利用Python開發(fā)一個(gè)功能全面的Markdown編輯工具,支持Markdown內(nèi)容的編輯,HTML預(yù)覽等功能,需要的可以參考下

功能介紹

這款Markdown編輯工具基于wxPython開發(fā)，核心功能包括：

Markdown編輯與HTML實(shí)時(shí)預(yù)覽：

提供編輯區(qū)域（Memo）供用戶錄入Markdown內(nèi)容。
使用wx.html2.WebView組件將Markdown內(nèi)容轉(zhuǎn)為HTML并實(shí)時(shí)預(yù)覽。

代碼高亮：

使用Highlight.js實(shí)現(xiàn)Markdown代碼段的語法高亮。

導(dǎo)出功能：

支持將Markdown保存為.md文件。
將HTML預(yù)覽內(nèi)容導(dǎo)出為PDF文件。
將HTML內(nèi)容保存為JPEG格式的圖片。

環(huán)境準(zhǔn)備

所需的依賴庫：

wxPython：構(gòu)建圖形界面
markdown：將Markdown解析為HTML
pdfkit：將HTML轉(zhuǎn)換為PDF文件
imgkit：將HTML保存為圖片
Pillow：處理圖像

可以通過以下命令安裝：

pip install wxPython markdown pdfkit imgkit pillow

安裝wkhtmltopdf和wkhtmltoimage工具：

pdfkit和imgkit需要wkhtmltopdf和wkhtmltoimage工具的支持。

下載地址：wkhtmltopdf

安裝后，將工具路徑（如C:\Program Files\wkhtmltopdf\bin）加入環(huán)境變量，或在代碼中顯式指定路徑。

代碼分析

下面是實(shí)現(xiàn)Markdown編輯工具的完整代碼：

import wx
import wx.html2  # HTML瀏覽器控件
import markdown  # Markdown解析模塊
import pdfkit    # HTML轉(zhuǎn)PDF模塊
from PIL import Image
from io import BytesIO
import imgkit


def markdown_to_html_with_highlight(md_content):
    """將Markdown轉(zhuǎn)換為HTML并添加代碼高亮支持"""
    html_content = markdown.markdown(md_content, extensions=['fenced_code'])
    # 添加Highlight.js腳本和樣式
    highlight_js = '''
    <link rel="stylesheet"  rel="external nofollow" >
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
    <script>hljs.highlightAll();</script>
    '''
    return f"{highlight_js}<body>{html_content}</body>"


class MarkdownApp(wx.Frame):
    def __init__(self):
        super().__init__(None, title="Markdown編輯工具", size=(1000, 700))
        self.InitUI()

    def InitUI(self):
        # 工具欄
        toolbar = self.CreateToolBar()
        toolbar.AddTool(wx.ID_SAVE, "保存 Markdown", wx.ArtProvider.GetBitmap(wx.ART_FILE_SAVE))
        toolbar.AddTool(wx.ID_PREVIEW, "預(yù)覽", wx.ArtProvider.GetBitmap(wx.ART_FIND))
        toolbar.AddTool(wx.ID_PRINT, "生成 PDF", wx.ArtProvider.GetBitmap(wx.ART_PRINT))
        toolbar.AddTool(wx.ID_SAVEAS, "保存為圖片", wx.ArtProvider.GetBitmap(wx.ART_PASTE))
        toolbar.Realize()

        # 綁定工具欄按鈕事件
        self.Bind(wx.EVT_TOOL, self.OnSaveMarkdown, id=wx.ID_SAVE)
        self.Bind(wx.EVT_TOOL, self.OnPreview, id=wx.ID_PREVIEW)
        self.Bind(wx.EVT_TOOL, self.OnGeneratePDF, id=wx.ID_PRINT)
        self.Bind(wx.EVT_TOOL, self.OnSaveImage, id=wx.ID_SAVEAS)

        # 布局
        panel = wx.Panel(self)
        vbox = wx.BoxSizer(wx.VERTICAL)

        self.memo = wx.TextCtrl(panel, style=wx.TE_MULTILINE)
        self.browser = wx.html2.WebView.New(panel)

        vbox.Add(self.memo, 1, wx.EXPAND)
        vbox.Add(self.browser, 1, wx.EXPAND)

        panel.SetSizer(vbox)
        self.Show()

    def OnPreview(self, event):
        """預(yù)覽Markdown內(nèi)容為HTML"""
        md_content = self.memo.GetValue()
        html_content = markdown_to_html_with_highlight(md_content)
        self.browser.SetPage(html_content, "")

    def OnSaveMarkdown(self, event):
        """保存Markdown為.md文件"""
        with wx.FileDialog(self, "保存 Markdown", wildcard="Markdown 文件 (*.md)|*.md",
                           style=wx.FD_SAVE | wx.FD_OVERWRITE_PROMPT) as dialog:
            if dialog.ShowModal() == wx.ID_CANCEL:
                return
            path = dialog.GetPath()
            with open(path, 'w', encoding='utf-8') as file:
                file.write(self.memo.GetValue())

    def OnGeneratePDF(self, event):
        """生成PDF文件"""
        md_content = self.memo.GetValue()
        html_content = markdown.markdown(md_content)
        with wx.FileDialog(self, "保存 PDF 文件", wildcard="PDF 文件 (*.pdf)|*.pdf",
                           style=wx.FD_SAVE | wx.FD_OVERWRITE_PROMPT) as dialog:
            if dialog.ShowModal() == wx.ID_CANCEL:
                return
            path = dialog.GetPath()
            config = pdfkit.configuration(wkhtmltopdf='C:/Program Files/wkhtmltopdf/bin/wkhtmltopdf.exe')
            pdfkit.from_string(html_content, path, configuration=config)

    def OnSaveImage(self, event):
        """保存HTML內(nèi)容為JPEG圖片"""
        md_content = self.memo.GetValue()
        html_content = markdown.markdown(md_content)
        with wx.FileDialog(self, "保存圖片", wildcard="JPEG 文件 (*.jpeg)|*.jpeg",
                           style=wx.FD_SAVE | wx.FD_OVERWRITE_PROMPT) as dialog:
            if dialog.ShowModal() == wx.ID_CANCEL:
                return
            path = dialog.GetPath()
            config = imgkit.config(wkhtmltoimage='C:/Program Files/wkhtmltopdf/bin/wkhtmltoimage.exe')
            img_data = imgkit.from_string(html_content, False, config=config)
            image = Image.open(BytesIO(img_data))
            image.save(path, format="JPEG")


if __name__ == "__main__":
    app = wx.App()
    MarkdownApp()
    app.MainLoop()