现在有一个需求 后台为vue2+node 前台为uniapp+vue2写的微信小程序 后台有一个富文本框 用户在富文本框编辑自己想要的样式和格式 然后获取到富文本框的内容为html然后把它转成 markdown格式 并存储在数据库中 然后前台小程序 发请求拿到数据库中的markdown格式的文本 然后转成html格式 并且呈现到 页面上 这里得保证小程序展示的格式 和用户输入的格式一样
时间: 2024-02-20 19:55:59 浏览: 152
您的需求是有关于富文本编辑器的内容,需要将用户输入的富文本内容转换为 Markdown 格式并存储在数据库中,然后在前台展示时将 Markdown 格式转换为 HTML 格式并展示在小程序上。
关于将富文本转换为 Markdown 格式,您可以使用第三方库 `turndown` 来实现。`turndown` 是一个 JavaScript 库,可以将 HTML 格式的内容转换为 Markdown 格式的内容。
示例代码如下:
```js
const TurndownService = require('turndown')
const turndownService = new TurndownService()
const html = '<p>Hello, world!</p>'
const markdown = turndownService.turndown(html)
console.log(markdown) // 输出:'Hello, world!\n'
```
将转换后的 Markdown 格式的内容存储到数据库中即可。
关于将 Markdown 格式的内容转换为 HTML 格式并在小程序上展示,您可以使用第三方库 `showdown` 来实现。`showdown` 同样是一个 JavaScript 库,可以将 Markdown 格式的内容转换为 HTML 格式的内容。
示例代码如下:
```js
import showdown from 'showdown'
const markdown = 'Hello, world!\n'
const converter = new showdown.Converter()
const html = converter.makeHtml(markdown)
console.log(html) // 输出:'<p>Hello, world!</p>'
```
将转换后的 HTML 格式的内容展示在小程序中即可。注意在小程序中使用富文本需要使用 `rich-text` 组件来展示。
希望这些信息能够对您有所帮助。
阅读全文