Support for the .mdx format

[Juniors017]

I'm using DecapCMS with Docusaurus, and like many other applications, Docusaurus utilizes .mdx files. I really wish that DecapCMS could support .mdx extensions.

[mmkal]

Proper .mdx support would be good, but for now you could use a custom formatter: https://decapcms.org/docs/custom-formatters

[Juniors017]

hi
For now, I'm using this in my collections:

collections:
- name: docs
  label: Documentations
  label_singular: 'Documentation'
  folder: docs
  extension: "mdx" 
  format: "frontmatter"

It's functional.

Could you tell me more about the custom formatter? I'm not quite sure what it will bring to me. Maybe just for the preview? How do I create one for the .mdx format?

it's this code with gray-matter for exemple :

`const matter = require('gray-matter');
const { CMS } = require('mycollection'); 

CMS.registerCustomFormat('mdx', 'mdx', {
  fromFile: text => {
    const { data, content } = matter(text);
    return { frontmatter: data, content };
  },
  toFile: value => {
    const { frontmatter, content } = value;
    return matter.stringify(content, frontmatter);
  },
});`

[Juniors017]

?

[steffanwilliams]

One of the issues I'm running into is moving between the markdown editor and rich-text editor, MDX content gets escaped. It seems related to this issue , whereby the character [ is always being escaped.

For example:

<Group items={[
    { 
        src: 'system.png', 
    },
    { 
        src: 'system-1.png', 
    },
    ...
]} />

Becomes:

<Group items={\[
    { 
        src: 'system.png', 
    },
    { 
        src: 'system-1.png', 
    },
    ...
]} />

Otherwise, using the frontmatter format seems to be fine.