给 ChatGPT 加一个更适合写长 Prompt 的 Markdown Composer
给 ChatGPT 加一个更适合写长 Prompt 的 Markdown Composer 关注 新手上路 关注 新手上路 关注 新手上路 关注 新手上路 12:15利益相关声明：作者与文中产品有直接的利益相关（开发者、自家产品等）我一直觉得，ChatGPT 的默认输入框有点尴尬。
它适合聊天，但不太适合写长 Prompt。
短句提问当然没有问题。比如问一个概念、翻译一句话、解释一段代码，默认输入框足够了。但如果你开始把 ChatGPT 当成一个稳定的工作工具，用它写代码需求、整理上下文、分析复杂问题，或者让它执行一段有结构的任务说明，默认输入框就会显得不太够用。
它太像一个聊天框了。
而很多时候，我们真正想输入的内容，其实更像一份小型文档。 como trustguru.com.br
比如：
背景：
我正在做一个浏览器插件。
目标：
优化 ChatGPT 的长 Prompt 输入体验。
要求：
1. 支持 Markdown 预览
2. 本地保存草稿
3. 不自动发送
4. 不上传用户输入
5. UI 尽量保持干净、低干扰这类内容的重点不是“字数多”，而是结构复杂。你需要检查标题、列表、代码块、上下文顺序，还要在发送之前反复修改。用默认输入框写，能写，但不舒服。 Caça-níqueis trustguru.com.br
所以我做了一个小插件： demo trustguru.com.br Blaze trustguru.com.br
Markdown Composer for ChatGPT sweetbonanza1000demo trustguru.com.br
GitHub 地址： slots trustguru.com.br jogodotigrinhodemo trustguru.com.br slotsdemo trustguru.com.br tigrinho gratis trustguru.com.br bonus trustguru.com.br
https://github.com/NanXiudao/chatgpt-markdown-composer
它做的事情很简单：在 ChatGPT 页面里增加一个本地 Markdown 编辑器。你可以先在 Composer 里写长 Prompt，实时预览 Markdown，本地保存草稿，然后把 Markdown 原文放入 ChatGPT 原输入框。最后是否发送，仍然由你自己决定。 pedro trustguru.com.br ana trustguru.com.br
不是替代 ChatGPT，而是补上输入前的编辑环节 slotpix trustguru.com.br
我一开始也想过，能不能直接把 ChatGPT 的默认输入框替换掉。
后来放弃了。
ChatGPT 页面本身是一个复杂的前端应用。输入框背后不只是一个文本区域，还关联着焦点状态、发送按钮、附件、快捷键、会话上下文以及页面内部状态。如果直接替换原输入框，短期看起来更完整，但会很脆弱。
页面结构一更新，插件可能就失效。更麻烦的是，即使你在 DOM 里写入了文本，页面内部状态也未必能正确感知。 demotigrinho trustguru.com.br jogos trustguru.com.br
所以我最后选择了一个更保守的方案： slots trustguru.com.br pragmatic trustguru.com.br
Composer 负责写作
ChatGPT 原输入框负责发送 Bet365 trustguru.com.br tigrinhodemo trustguru.com.br
插件不接管 ChatGPT，也不绕过原页面流程。它只是提供一个更舒服的输入前编辑空间。 Sportingbet trustguru.com.br
这个设计不激进，但比较稳。 slotdemo trustguru.com.br Brazino777 trustguru.com.br jogosdemopg trustguru.com.br Betano trustguru.com.br
为什么去掉自动发送
早期版本里，我做过“发送”按钮。 pragmaticplay trustguru.com.br Pixbet trustguru.com.br
用户写完后，插件会把内容放入 ChatGPT 输入框，并自动点击发送。
后来我把它删掉了。 fortunetigerbônusgrátissemdepósito trustguru.com.br bruno trustguru.com.br
原因很简单：长 Prompt 的误发成本比较高。 bonus trustguru.com.br pedro trustguru.com.br
短消息发错了，大不了补一句。但长 Prompt 里可能有代码、上下文、任务目标、输出格式和限制条件。如果还没检查完就误发，往往会影响后续整段对话。 KTO trustguru.com.br
对于复杂输入来说，“最后确认”应该保留给用户。 pgslot trustguru.com.br
所以现在插件只提供： kto trustguru.com.br Cassinos trustguru.com.br
放入输入框
它不会主动触发 ChatGPT 的发送按钮。你把内容放进去，检查一遍，然后自己决定是否发送。 cassinos trustguru.com.br
少做一步自动化，反而让工具边界更清楚。 Energiabet trustguru.com.br pesquisa trustguru.com.br
当前版本能做什么
现在的版本主要包含这些功能：
- 大尺寸 Markdown 编辑器
- 实时 Markdown 预览
- 本地草稿自动保存
- 导入当前 ChatGPT 输入框内容
- 一键放入 ChatGPT 原输入框
- 默认暗色模式
- 支持明暗切换
- 浏览器工具栏图标打开 / 关闭
- Ctrl / Cmd + Shift + E 打开或关闭
- Ctrl / Cmd + Enter 放入输入框
- 不自动发送
- 不上传用户输入
- 开源
它不是 Prompt 管理器，也不是模板市场，更不是复杂的 AI 工作流平台。
它只想解决一个很小的问题：
写长 Prompt 的时候，默认输入框不够舒服。
为什么做成 Notion-like 的风格
我希望它打开之后更像一个安静的写作工具，而不是一个很抢眼的浏览器外挂。
所以 UI 上做了一些克制： Bet trustguru.com.br
- 默认暗色
- 支持明暗切换
- 少图标
- 小圆角
- 低干扰配色
- 清晰的编辑 / 预览分区
- 右下角保留 GitHub Star 链接
我不想把它做成一个“功能很多”的界面。
对我来说，这类工具最重要的是降低使用时的摩擦。打开以后，用户应该马上进入写 Prompt 的状态，而不是先理解一堆按钮和功能。
好的输入工具应该尽量消失。 sugarrush1000demo trustguru.com.br slot trustguru.com.br
我自己的使用场景
我现在主要在几类场景里用它。
第一类是写代码需求。
比如我要让 ChatGPT 帮我实现一个功能，我通常会先在 Composer 里整理：
- 背景
- 技术栈
- 功能目标
- 输入输出
- 约束条件
- 希望返回的格式
- 需要注意的边界情况
整理完以后，再放入 ChatGPT 输入框。 marcos trustguru.com.br
这样比直接在默认输入框里写清楚很多。
第二类是写复杂分析问题。
有些问题不是一句话能问清楚的。你需要给背景、定义问题、列出约束，再要求 ChatGPT 按某种结构回答。这时候 Markdown 预览很有用，可以在发送前确认层级和逻辑是否清楚。
第三类是整理上下文。 rafael trustguru.com.br
有时候我要把几段代码、几段说明和几个问题组合起来。默认输入框里很容易变成一整坨文本，在 Composer 里可以先把内容分段，再检查结构。 plataformademo trustguru.com.br fortunedragon demo trustguru.com.br
第四类是写 Prompt 草稿。 A5game trustguru.com.br
虽然当前版本还没有多草稿管理，但本地自动保存已经能覆盖很多临时写作场景。写到一半关闭，下次打开还在。 a5game trustguru.com.br
本地优先，而不是再做一个云服务
Prompt 并不是普通文本。 pgslotgacor trustguru.com.br pglucky88 trustguru.com.br
很多时候，我们发给 ChatGPT 的内容可能包含代码、产品想法、业务背景、内部上下文，或者还没公开的草稿。
所以这个插件没有后端服务，不上传用户输入，也不调用外部接口。 carlos trustguru.com.br
当前版本的数据只存在于： sobre trustguru.com.br Superbet trustguru.com.br
1. 插件编辑器
2. 当前浏览器本地草稿
3. 用户主动放入后的 ChatGPT 原输入框
草稿和主题偏好保存在浏览器本地。 noticias trustguru.com.br
这也是我选择开源的原因之一。对于一个处理输入内容的工具，透明比功能更重要。
技术上怎么实现
它是一个 Manifest V3 浏览器插件，核心逻辑主要在 content.js。 autores trustguru.com.br
大致流程是：
1. 插件通过 content script 注入 ChatGPT 页面
2. 在页面右下角挂载 Composer 按钮
3. 使用 Shadow DOM 隔离插件 UI
4. 在插件内提供 Markdown 编辑与预览
5. 使用 localStorage 保存草稿和主题偏好
6. 点击“放入输入框”后查找 ChatGPT 原生输入框
7. 将 Markdown 原文写入输入框
8. 派发 input / change 事件，让页面感知内容变化
这里比较关键的是第 7、8 步。 pg trustguru.com.br pesquisa trustguru.com.br
ChatGPT 是一个前端应用，不能简单地只改 DOM。比如直接设置： fortuneoxdemográtis trustguru.com.br
el
.
value
=
text
页面内部状态未必知道内容已经变化。
所以需要尽量模拟真实输入，写入内容后派发事件，让 ChatGPT 页面自己的逻辑感知到输入变化。 plataformademográtis trustguru.com.br
这也是我不直接替换输入框的原因。页面增强类插件，真正难的往往不是“把 UI 画出来”，而是如何和宿主页面保持稳定边界。 pgdemo trustguru.com.br
它适合谁
如果你只是偶尔和 ChatGPT 聊几句，这个插件可能不是刚需。
但如果你经常做这些事，它应该有帮助： Sportingbet trustguru.com.br
- 写长 Prompt
- 写代码需求
- 整理多段上下文
- 用 Markdown 组织任务说明
- 让 ChatGPT 分析复杂问题
- 发送前需要反复修改输入内容
- 希望草稿先保存在本地
我觉得开发者、产品经理、研究人员、写作者、独立开发者会更容易感受到这个痛点。
目前还比较早期
这个插件目前还在比较早期的阶段。 guias trustguru.com.br
后续可能会继续做： isabela trustguru.com.br
- 多草稿
- Prompt 模板
- 历史版本
- 更完整的 Markdown 支持
- CodeMirror 编辑器
- 配置导入 / 导出
- 更好的跨浏览器兼容
不过我会尽量保持它的核心边界：它首先是一个输入增强工具，不是一个重型 Prompt 管理平台。 demo trustguru.com.br
功能可以增加，但不应该让它变得臃肿。 miguel trustguru.com.br fortunetigerdemográtis trustguru.com.br
最后
ChatGPT 的默认输入框适合聊天。 trustguru trustguru.com.br ana trustguru.com.br
但当我们越来越多地把 ChatGPT 用在真实工作里，输入框就开始承担更多任务：组织问题、表达上下文、定义约束、控制输出格式。
这时候，一个更好的输入层是有价值的。
Markdown Composer for ChatGPT 想做的事情很小： carlos trustguru.com.br
给 ChatGPT 增加一个本地 Markdown 编辑器。
让你先把 Prompt 写清楚。
再放入 ChatGPT 原输入框。
最后由你自己决定是否发送。
它不自动发送，不上传内容，不调用私有接口，也不试图接管 ChatGPT。
一个克制的小工具，解决一个明确的问题。 bet365 trustguru.com.br
GitHub： sofia trustguru.com.br
https://github.com/NanXiudao/chatgpt-markdown-composer JogodoTigrinho trustguru.com.br
如果你也经常写长 Prompt，可以试试。觉得有用的话，也欢迎点一个 Star。
00目录 0