跳到主要内容

DHTMLX MCP 服务器

像 Claude、Cursor，或 ChatGPT 这样的 AI 编码助手在处理特定库的 API 时，可能会生成过时或不准确的代码。DHTMLX MCP 服务器通过提供对当前文档和 API 参考的直接访问来解决这个问题。

MCP 是什么​

Model Context Protocol（MCP）是一个为 AI 助手提供关于特定工具和库的外部上下文的标准。

大型语言模型是在某一日期前的数据上进行训练，不能自动反映最近的 API 变更或新特性。DHTMLX MCP 服务器通过一个 RAG（Retrieval-Augmented Generation，检索增强生成）系统暴露完整且最新的文档来弥合这一差距。

Server URL: https://docs.dhtmlx.com/mcp

注释

DHTMLX MCP 服务器是一个覆盖所有主要 DHTMLX 产品的共享服务，而不仅仅是 Gantt。本节中的配置说明适用于您正在使用的任何 DHTMLX 组件。

将 MCP 与匹配的代理技能配对：对于普通 JavaScript 或 TypeScript 项目使用 JS Gantt skill，对于 React Gantt 项目使用 React Gantt skill。

若要查看 MCP + Lovable 的实际使用示例，请参阅 React Gantt Lovable Starter 及其 walkthrough。

支持的产品​

连接后，AI 工具可以获取文档、基于当前 API 生成代码片段、并解答以下产品的配置问题：

  • Gantt
  • Scheduler
  • Suite（Grid、Form、TreeGrid 等）
  • Kanban
  • Pivot
  • Spreadsheet
  • Diagram
  • RichText

隐私​

MCP 服务器是托管服务。它不会在本地运行，也不会访问你的文件。不会存储关于用户的个人信息。查询可能会被记录用于调试和服务改进。对于严格不记录日志的商业选项，请联系 info@dhtmlx.com。

设置​

在下方选择你的 AI 工具并按照相应的说明进行设置。

Claude Code​

推荐方式是通过 CLI：

claude mcp add --transport http dhtmlx-mcp https://docs.dhtmlx.com/mcp

或者，手动向你的 mcp.json 添加以下内容：

{
  "mcpServers": {
    "dhtmlx-mcp": {
      "type": "http",
      "url": "https://docs.dhtmlx.com/mcp"
    }
  }
}

Cursor​

  1. 打开设置（Mac 上为 Cmd+Shift+J，Windows/Linux 上为 Ctrl+Shift+J）
  2. 转到 Tools & MCP
  3. 点击 Add Custom MCP
  4. 粘贴以下配置：
{
  "mcpServers": {
    "dhtmlx-mcp": {
      "url": "https://docs.dhtmlx.com/mcp"
    }
  }
}

连接后，你可以在聊天中直接使用诸如“Check DHTMLX docs for how to add a custom column to Gantt”之类的提示。

Gemini CLI​

打开 ~/.gemini/settings.json 并添加：

{
  "mcpServers": {
    "dhtmlx-mcp": {
      "url": "https://docs.dhtmlx.com/mcp"
    }
  }
}

重新启动 Gemini CLI 以应用更改。

Antigravity（Google）​

  1. 打开命令面板
  2. 输入 "mcp add"
  3. 选择 "HTTP"
  4. 输入 URL: https://docs.dhtmlx.com/mcp
  5. 输入名称: dhtmlx-mcp

其他工具​

大多数现代 AI 编码工具都可以通过其设置支持 MCP。查找 "Model Context Protocol"、"Context Sources" 或类似选项，并将 https://docs.dhtmlx.com/mcp 添加为自定义来源。

ChatGPT​

请注意，将 MCP 与 ChatGPT 集成可能会导致响应时间变慢（每次查询大约 20 秒）。如需更快的体验，请考虑使用上面列出的工具之一。

要配置 ChatGPT：

  1. 转到 Settings → Apps & Connectors
  2. 点击 Advanced settings
  3. 启用 Developer mode
  4. 返回到 Connectors 界面并点击 Create 按钮
  5. 填写以下内容：
    • Name: dhtmlx-mcp
    • URL: https://docs.dhtmlx.com/mcp
    • Authentication: No authentication
  6. 点击 Create

设置完成后，你可以在处理任何 DHTMLX 组件时，请 ChatGPT 查询 DHTMLX MCP 服务器。

获取最佳结果的提示​

在提示时，请明确引用 DHTMLX 文档以获得更准确的结果。例如：

  • “使用 DHTMLX 文档，我如何在 Gantt 中更改行高？”
  • “Check DHTMLX MCP for Gantt task editing configuration”

提示越具体，输出就越准确。

Need help?
Got a question about the documentation? Reach out to our technical support team for help and guidance. For custom component solutions, visit the Services page.
Need more help?Contact Support