fix: 根据 URL 识别特殊页面，保持换行符（contenteditable 用 <br> 处理 \n）

Author: wenyuanw

AGENTS.md

@@ -0,0 +1,39 @@
+# Repository Guidelines
+
+## Project Structure & Module Organization
+- Source: `entrypoints/` (web extension entrypoints)
+  - `background.ts`, `content/`, `popup/`, `options/`
+- Shared code: `utils/` (e.g., `browser/`, `auth/`, `sync/`), `types/`
+- Assets & static: `assets/`, `public/`, `docs/`
+- Config: `wxt.config.ts`, `tailwind.config.js`, `tsconfig.json`
+- Build output: `.output/` (e.g., `chrome-mv3/`, `firefox-mv2/`)
+- Path aliases: use `@/` for project utils/types and `#imports` from WXT.
+
+## Build, Test, and Development Commands
+- `pnpm dev` — Start Chrome dev build with hot reload.
+- `pnpm dev:firefox` — Start Firefox dev build.
+- `pnpm build` / `pnpm build:firefox` — Production builds.
+- `pnpm zip` — Zip last build for store upload.
+- `pnpm compile` — Type-check with TypeScript.
+- Load locally (Chrome): open `chrome://extensions` → Load unpacked → `.output/chrome-mv3/`.
+
+## Coding Style & Naming Conventions
+- Language: TypeScript + React (functional components).
+- Indentation: 2 spaces; use double quotes for strings; semicolons permitted.
+- Files: libraries `.ts`; components `.tsx`. Component files in PascalCase; exports in camelCase.
+- Imports: prefer path aliases (e.g., `@/utils/...`, `~/assets/tailwind.css`); group std/external/local.
+- No ESLint/Prettier in repo; keep diffs small and consistent with nearby code.
+
+## Testing Guidelines
+- No formal test runner yet. Before PRs: `pnpm compile` must pass.
+- Manual QA: verify `/p` selector in pages (content), options CRUD, category/pin/sort, Notion sync toggles.
+- Confirm both Chrome and Firefox builds launch without console errors.
+
+## Commit & Pull Request Guidelines
+- Commits: Conventional-like style; emojis allowed (e.g., `✨ feat: ...`, `fix: ...`). Keep them small and focused; reference issues (`#123`) when relevant.
+- PRs: include clear description, rationale, steps to reproduce/verify, screenshots/GIFs for UI changes, and mention affected entrypoints.
+
+## Security & Configuration Tips
+- Never commit secrets. Copy `.env.example` → `.env` and set: `WXT_CHROME_APP_CLIENT_ID_PREFIX`, `WXT_WEB_APP_CLIENT_ID_PREFIX`, `WXT_FIREFOX_EXTENSION_ID`.
+- OAuth scopes and IDs are assembled in `wxt.config.ts`; keep published IDs stable.
+

entrypoints/content/components/PromptSelector.tsx

@@ -8,6 +8,7 @@ import { isDarkMode, getCopyShortcutText } from "@/utils/tools";
 import { getCategories } from "@/utils/categoryUtils";
 import { getGlobalSetting } from "@/utils/globalSettings";
 import { t } from "@/utils/i18n";
+import { getNewlineStrategy, setElementContentByStrategy } from "@/utils/newlineRules";
 
 interface PromptSelectorProps {
   prompts: PromptItemWithVariables[];
@@ -298,6 +299,7 @@ const PromptSelector: React.FC<PromptSelectorProps> = ({
       try {
         // contenteditable 元素的特殊处理
         const editableElement = (targetElement as any)._element as HTMLElement;
+        const newlineStrategy = getNewlineStrategy(window.location.href);
 
         // 获取当前内容和光标位置
         const fullText = editableElement.textContent || "";
@@ -325,8 +327,7 @@ const PromptSelector: React.FC<PromptSelectorProps> = ({
 
           // 如果 beforeinput 事件没有被阻止，则继续处理
           if (editableElement.dispatchEvent(beforeInputEvent)) {
-            // 设置新内容
-            editableElement.textContent = newContent;
+            setElementContentByStrategy(editableElement, newContent, newlineStrategy);
 
             // 创建并分发 input 事件
             const inputEvent = new InputEvent("input", {
@@ -360,7 +361,6 @@ const PromptSelector: React.FC<PromptSelectorProps> = ({
 
             // 如果 beforeinput 事件没有被阻止，则继续处理
             if (editableElement.dispatchEvent(beforeInputEvent)) {
-              // 获取当前内容
               const currentContent = editableElement.textContent || "";
               const position = range.startOffset;
 
@@ -370,8 +370,7 @@ const PromptSelector: React.FC<PromptSelectorProps> = ({
                 content +
                 currentContent.slice(position);
 
-              // 设置新内容
-              editableElement.textContent = newContent;
+              setElementContentByStrategy(editableElement, newContent, newlineStrategy);
 
               // 创建并分发 input 事件
               const inputEvent = new InputEvent("input", {
@@ -401,9 +400,7 @@ const PromptSelector: React.FC<PromptSelectorProps> = ({
             if (editableElement.dispatchEvent(beforeInputEvent)) {
               const currentContent = editableElement.textContent || "";
               const newContent = currentContent + content;
-
-              // 设置新内容
-              editableElement.textContent = newContent;
+              setElementContentByStrategy(editableElement, newContent, newlineStrategy);
 
               // 创建并分发 input 事件
               const inputEvent = new InputEvent("input", {

utils/newlineRules.ts

@@ -0,0 +1,40 @@
+export type NewlineStrategy = "text" | "br";
+
+type Rule = { pattern: RegExp; strategy: NewlineStrategy };
+
+/**
+ * 对于 ChatGPT 网页使用 br 换行
+ * 
+ * fix: https://github.com/wenyuanw/quick-prompt/issues/42
+ */
+const RULES: Rule[] = [
+  { pattern: /chatgpt\.com/i, strategy: "br" },
+];
+
+export function getNewlineStrategy(url: string): NewlineStrategy {
+  const rule = RULES.find((r) => r.pattern.test(url));
+  return rule ? rule.strategy : "text";
+}
+
+function escapeHtml(input: string): string {
+  return input
+    .replace(/&/g, "&")
+    .replace(/</g, "&lt;")
+    .replace(/>/g, "&gt;")
+    .replace(/\"/g, "&quot;")
+    .replace(/'/g, "&#39;");
+}
+
+export function setElementContentByStrategy(
+  el: HTMLElement,
+  text: string,
+  strategy: NewlineStrategy
+): void {
+  if (strategy === "br") {
+    const html = escapeHtml(text).replace(/\n/g, "<br>");
+    (el as HTMLElement).innerHTML = html;
+  } else {
+    (el as HTMLElement).textContent = text;
+  }
+}
+