uni-app markdown文件运行在内置web服务器中 不再支持html标签渲染

在 uni-app 中，如果你希望渲染 Markdown 文件，并且不再支持 HTML 标签渲染，可以采取以下步骤来实现。这里假设你使用的是基于 Vue.js 的 uni-app 框架。

1. 安装必要的依赖

首先，你需要安装 marked 和 DOMPurify 这两个库。marked 用于将 Markdown 转换为 HTML，DOMPurify 用于清理 HTML，防止 XSS 攻击。

npm install marked dompurify

2. 创建 Markdown 渲染组件

接下来，你可以创建一个 Vue 组件来渲染 Markdown 文件。

<template>
  <div v-html="renderedMarkdown"></div>
</template>

<script>
import marked from 'marked';
import DOMPurify from 'dompurify';

export default {
  props: {
    markdown: {
      type: String,
      required: true
    }
  },
  computed: {
    renderedMarkdown() {
      // 将 Markdown 转换为 HTML
      const html = marked(this.markdown);
      // 清理 HTML，防止 XSS 攻击
      return DOMPurify.sanitize(html);
    }
  }
};
</script>

<style scoped>
/* 你可以在这里添加一些样式 */
</style>

3. 使用 Markdown 渲染组件

在你需要使用 Markdown 的地方，导入并使用这个组件。

<template>
  <div>
    <markdown-renderer :markdown="markdownContent" />
  </div>
</template>

<script>
import MarkdownRenderer from '@/components/MarkdownRenderer.vue';

export default {
  components: {
    MarkdownRenderer
  },
  data() {
    return {
      markdownContent: `
# 标题

这是一段 **加粗** 的文本。

- 列表项 1
- 列表项 2

[链接](https://example.com)
      `
    };
  }
};
</script>

4. 禁用 HTML 标签渲染

如果你希望完全禁用 HTML 标签渲染，可以在 marked 的配置中设置 sanitize 为 true，这样 marked 会自动清理 HTML 标签。

marked.setOptions({
  sanitize: true
});

5. 运行内置 Web 服务器

确保你的 uni-app 项目已经配置好，并且可以通过内置的 Web 服务器运行。

npm run dev:%PLATFORM%