用Qt写一个简单的Markdown编辑器

关注、星标公众号，直达精彩内容

ID：技术让梦想更伟大

作者：李肖遥

编辑器" style="font-weight: bold;padding-top: 30px;padding-bottom: 30px;color: rgb(19, 92, 224);font-size: 20px;">Markdown编辑器

Markdown 是一种具有纯文本格式语法的轻量级标记语言，Markdown Editor 演示了如何使用 QWebChannel 和 JavaScript 库为自定义标记语言提供富文本预览工具。

Markdown 编辑器主窗口分为编辑器和预览区，编辑器支持 Markdown 语法，使用 QPlainTextEdit 实现；文档在预览区渲染为富文本，通过QWebEngineView实现。

为了呈现文本，Markdown 文本在 Web 引擎内的 JavaScript 库的帮助下转换为 HTML 格式，预览是通过 QWebChannel 从编辑器更新的。

下图演示如何将 Web 引擎集成到混合桌面应用程序中。

我们使用例子，左侧输入Markdown语法的文本，右侧就是其预览的样式了。

编辑器" style="font-weight: bold;padding-top: 30px;padding-bottom: 30px;color: rgb(19, 92, 224);font-size: 20px;">实现原理以及步骤

公开文档文本

通过 QWebChannel 将要渲染的当前 Markdown 文本暴露给 Web 引擎，所以我们需要以某种方式通过 Qt 元类型系统使当前文本可用，这是通过使用将文档文本公开为 Q_PROPERTY 的专用 Document 类来完成的：

通过 QWebChannel 将要渲染的当前 Markdown 文本暴露给 Web 引擎，将文档文本公开为 Q_PROPERTY 的专用 Document 类，然后通过 Qt 元类型系统使当前文本可用。

Document 类使用setText()方法包装要在C 端设置的 QString，并在运行时将其作为带有 textChanged 信号的文本属性公开。

定义 setText 方法如下：

void Document::setText(const QString