MDX

集成 JSX 语法的 Markdown
授权协议 MIT
开发语言 JavaScript
所属分类 程序开发、 Markdown开发包
软件类型 开源软件
地区 不详
投 递 者 慕容品
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

 MDX 是一种可编辑格式,可在 Markdown 文档中无缝编写 JSX。可以导入诸如交互式图表或 alert 之类的组件,并将其嵌入到文档内容中,这样可以让使用组件编写长格式内容变得很顺滑。

以下示例在 Markdown 中嵌入 JSX:

# Hello, *world*!

Below is an example of JSX embedded in Markdown. <br /> **Try and change
the background color!**

<div style={{ padding: '20px', backgroundColor: 'tomato' }}>
  <h3>This is JSX</h3>
</div>

MDX 特性:

  • 功能强大:MDX 混合了 Markdown 和 JSX 语法,可以完美地适配基于 JSX 的项目。
  • 一切都是组件:导入 JSX 组件并直接在 MDX 文档中渲染。
  • 可自定义:可以指定为每个 Markdown 元素渲染哪个组件。
  • 基于 Markdown:Markdown 的简单和优雅特性仍然保留着,仅在需要时才插入 JSX。
  • 快速:MDX 没有运行时,所有编译都在构建阶段进行。 
  • 这是一篇来自msdn上的文章,我把它摘过来了。 多维表达式 (MDX) 是一种功能完备、基于语句的脚本语言,用于定义、使用以及从 Microsoft SQL Server 2005 Analysis Services (SSAS) 中的多维对象中检索数据。MDX 提供以下几种语言功能: 用于创建、删除以及使用多维对象的数据定义语言 (DDL) 语句。 用于从多维对象中检索操作数据的数据操作语言 (

 相关资料
  • JSX 是一个看起来很像 XML 的 JavaScript 语法扩展。 它只是一种语法糖。 它是类似 HTML 标签的表达式: <View style={styles.text}> <Text style={styles.title}> MAKE IT EASY TO DO BUSINESS ANYWHERE </Text> <Text style={styl

  • JSX介绍 JSX的引入 如果直接让用户通过 JS 代码手动创建DOM元素,肯定是非常麻烦的。 于是,React 官方就提出了一套 JSX 语法规范,能够让我们在 JS 文件中,书写类似于 HTML 那样的代码,快速定义虚拟DOM结构。 JSX的全称 JSX:JavaScript XML,一种类似于XML的JS扩展语法。也可以理解成:符合 XML 规范的 JS 语法。 需要注意的是,哪怕你在 JS

  • 本文向大家介绍vue jsx 使用指南及vue.js 使用jsx语法的方法,包括了vue jsx 使用指南及vue.js 使用jsx语法的方法的使用技巧和注意事项,需要的朋友参考一下 vue  jsx  语法与 react  jsx  还是有些不一样,在这里记录下。 好了,下面看下vue.js 使用jsx语法的方法 1、创建一个测试的组件 2、把编辑器js语言的版本设置成jsx,这样编辑器 可以正

  • 问题内容: 我有一个网站,服务器在其中生成一些javascript,并将其通过ajax发送到客户端。问题是,我想在页面上使用React,但不知道要调用哪个函数。现在,JavaScript在jQuery中,我使用eval()在客户端执行javascript。什么是适用于JSX的eval()的React等效项。 问题答案: 如果您希望它与JSX一起使用,则可以在执行代码之前使用Babel之类的代码来转

  • ok-mdx Browser-based MDX editor npm i -g ok-mdx mkdir docstouch docs/hello.mdxmdx docs --open Quickly prototype with React components Zero configuration Mix markdown with JSX Live edit and autosave Wh

  • 本文向大家介绍vue组件jsx语法的具体使用,包括了vue组件jsx语法的具体使用的使用技巧和注意事项,需要的朋友参考一下 如果使用render函数来写比较复杂的vue组件,对于可读性和可维护性都很不友好,而使用jsx就会让我们回到更接近于模板的语法。babel转译器会将jsx转译为render函数渲染。 配置 需要用到babel插件 安装 .babelrc配置 在plugins中添加transf