iis服务器助手广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >Remix中mdx table不支持表格解决
  • 507
分享到

Remix中mdx table不支持表格解决

Remix mdx table不支持表格Remix mdx table 2023-05-19 05:05:16 507人浏览 薄情痞子
摘要

目录remix 配置文件中配置 mdx 属性添加插件 remark-gfmremix 配置文件中配置 mdx 属性 remix 中支持 md/mdx 语法,但是 Remix 语法没有

remix 配置文件中配置 mdx 属性

remix 中支持 md/mdx 语法,但是 Remix 语法没有内置对 markdown 表格的支持。

mdx 配置在 Remix 文档很不明显,从 remix 的配置文件的 .d.ts 文件。

export interface AppConfig {
    mdx?: RemixMdxConfig | RemixMdxConfigFunction;
}
export interface RemixMdxConfig {
    rehypePlugins?: any[];
    remarkPlugins?: any[];
}
export type RemixMdxConfigFunction = (filename: string) => Promise<RemixMdxConfig | undefined> | RemixMdxConfig | undefined;

添加插件 remark-gfm

Remix 通过 remark 等支持 markdown 语法,但是默认没有 表格等 gfm 插件支持。

npm install remark-gfm

添加配置:


module.exports = {
  // ...
  mdx: async (filename) => {
    const [rehypeHighlight, remarkToc, gfm] = await Promise.all([
      import("rehype-highlight").then((mod) => mod.default),
      import("remark-toc").then((mod) => mod.default),
      import("remark-gfm").then((mod) => mod.default),
    ]);
    return {
      remarkPlugins: [remarkToc, gfm],
      rehypePlugins: [rehypeHighlight],
    };
  }
};

注意:经过尝试,使用 exports.mdx = async (filename) {} 没有生效。下面是支持之后的效果

以上就是Remix中mdx table不支持表格解决的详细内容,更多关于Remix mdx table不支持表格的资料请关注编程网其它相关文章!

--结束END--

本文标题: Remix中mdx table不支持表格解决

本文链接: https://www.lsjlt.com/news/212574.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • Remix中mdx table不支持表格解决
    目录remix 配置文件中配置 mdx 属性添加插件 remark-gfmremix 配置文件中配置 mdx 属性 remix 中支持 md/mdx 语法,但是 Remix 语法没有...
    99+
    2023-05-19
    Remix mdx table不支持表格 Remix mdx table
  • win102004cortana不支持中国如何解决
    本篇内容主要讲解“win102004cortana不支持中国如何解决”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“win102004cortana不支持中国如何解决”吧!win102004cor...
    99+
    2023-07-01
  • 如何解决elementUI中Table表格问题
    这篇文章主要介绍了如何解决elementUI中Table表格问题,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。1.表格样式问题:混乱样式.p...
    99+
    2024-04-02
  • Ubuntu14.04不支持U盘exfat格式的解决方法
    这篇文章主要讲解了“Ubuntu14.04不支持U盘exfat格式的解决方法”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Ubuntu14.04不支持U盘exfat格式的解决方法”吧!  很...
    99+
    2023-06-13
  • 不支持windows11如何解决
    这篇文章主要介绍了不支持windows11如何解决的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇不支持windows11如何解决文章都会有所收获,下面我们一起来看看吧。解决方法:注册表方法: 在进行镜像安装时,...
    99+
    2023-07-01
  • AMD1600不支持win11如何解决
    这篇“AMD1600不支持win11如何解决”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“AMD1600不支持win11如何...
    99+
    2023-07-01
  • PHP7.3 curl不支持如何解决
    这篇文章主要介绍“PHP7.3 curl不支持如何解决”,在日常操作中,相信很多人在PHP7.3 curl不支持如何解决问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”PHP7.3 curl不支持如何解决”的疑...
    99+
    2023-07-04
  • win10不支持flash怎么解决
    在Windows 10中,微软已经停止支持Adobe Flash Player,并且在最新版本的操作系统中将其删除。这是为了提高安全...
    99+
    2023-08-22
    win10
  • webstorm不支持es6如何解决
    这篇文章主要介绍“webstorm不支持es6如何解决”,在日常操作中,相信很多人在webstorm不支持es6如何解决问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”webs...
    99+
    2024-04-02
  • windows不支持flash怎么解决
    Windows 不再支持 Adobe Flash Player,因此您需要采取以下措施来解决该问题:1. 卸载旧版 Flash Pl...
    99+
    2023-05-31
    不支持flash flash
  • PHP7.3不支持curl如何解决
    这篇文章主要讲解了“PHP7.3不支持curl如何解决”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“PHP7.3不支持curl如何解决”吧!首先,我们需要明确一个事实:在PHP7.3中,cu...
    99+
    2023-07-05
  • linux不支持mp3怎么解决
    本文小编为大家详细介绍“linux不支持mp3怎么解决”,内容详细,步骤清晰,细节处理妥当,希望这篇“linux不支持mp3怎么解决”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。...
    99+
    2023-03-21
    linux mp3
  • PHP中mysql_connect()函数不支持怎么解决
    本篇内容主要讲解“PHP中mysql_connect()函数不支持怎么解决”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“PHP中mysql_connect()函数不支持怎么解决”吧!方法:1、打...
    99+
    2023-06-29
  • idea中es6语法不支持如何解决
    这篇文章主要介绍“idea中es6语法不支持如何解决”,在日常操作中,相信很多人在idea中es6语法不支持如何解决问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”idea中e...
    99+
    2024-04-02
  • html5中video不支持的格式是什么
    这篇“html5中video不支持的格式是什么”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“html5中video不支持的格...
    99+
    2023-07-05
  • 如何解决SQLite不支持Right Join
    本篇内容主要讲解“如何解决SQLite不支持Right Join”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何解决SQLite不支持Right Join”吧...
    99+
    2024-04-02
  • win11的cpu不支持如何解决
    这篇文章主要介绍“win11的cpu不支持如何解决”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“win11的cpu不支持如何解决”文章能帮助大家解决问题。最方便的解决方法就是选择更换CPU或者不升级...
    99+
    2023-07-01
  • elementUI的table表格改变数据不更新问题解决
    预期效果:点击输入框旁边的图标,输入框变为可输入状态;这里控制输入的 editable 字段不是 data 原有的属性,也不是 data 赋值时就存在的字段。 问题原因:在 Vue...
    99+
    2024-04-02
  • html5中video不支持的格式是哪个
    本教程操作环境:Windows10系统、HTML5版、DELL G3电脑html5中video不支持的格式是哪个?不支持flv。FLV 是FLASH VIDEO的简称,FLV流媒体格式是随着Flash MX的推出发展而来的视频格式。由于它形...
    99+
    2023-05-14
    html5 video
  • php不支持mysqli的解决方法
    本文将为大家详细介绍“php不支持mysqli的解决方法”,内容步骤清晰详细,细节处理妥当,而小编每天都会更新不同的知识点,希望这篇“php不支持mysqli的解决方法”能够给你意想不到的收获,请大家跟着小编的思路慢慢深入,具体内容如下,一...
    99+
    2023-06-06
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作