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