ngs.some(n => + n !== node && (n.nodeType === Node.TEXT_NODE && n.textContent?.trim() || n.nodeType === Node.ELEMENT_NODE) + ); + return hasOtherContent; + } + return false; + }, + replacement: () => ' \n' + }); + + // ve-empty-line を空行として処理（1要素につき \n\n = 1段落） + this.turndownService.addRule('veEmptyLine', { + filter: (node: Node) => { + if (!(node instanceof HTMLElement)) return false; + return node.classList && node.classList.contains('ve-empty-line'); + }, + replacement: () => '\n\n' + }); + + // 空段落（

のみ）を空行として保持（ve-empty-line は除外） + this.turndownService.addRule('emptyParagraph', { + filter: (node: Node) => { + if (!(node instanceof HTMLElement)) return false; + if (node.tagName !== 'P') return false; + if (node.classList && node.classList.contains('ve-empty-line')) return false; + const children = Array.from(node.childNodes); + //
だけ、または完全に空の段落 + const hasOnlyBr = children.length === 1 && children[0].nodeName === 'BR'; + const isEmpty = children.length === 0 || (node.textContent?.trim() === ''); + return hasOnlyBr || isEmpty; + }, + replacement: () => '\n\n' + }); + this.marked = new Marked(); - this.marked.use({ extensions: [rubyExtension] }); + + // レンダラーをカスタマイズして、改行を強制的に
に変換する + const renderer = { + text(token: Tokens.Text): string { + // テキストトークン内の改行コード(\n)を、無条件で
に置換する + // これにより breaks: true が効かないケースでも強制改行させる + if ('tokens' in token && token.tokens) { + return this.parser.parseInline(token.tokens); + } + return token.text.replace(/\n/g, '
'); + } + }; + + this.marked.use({ + extensions: [rubyExtension], + renderer: renderer as any, + breaks: true, // 段落内の改行を
として保持 + gfm: true // GitHub Flavored Markdown + }); } - fromMarkdownToHTML(markdownContent: string): Promise { - return this.marked.parse(markdownContent) as Promise; + async fromMarkdownToHTML(markdownContent: string): Promise { + // 1. 改行コードを \n (LF) に統一する (Windows/CRLF対策) + const normalizedContent = markdownContent.replace(/\r\n/g, '\n'); + + // 2. 2つ以上の連続改行を検出し、空行要素に置換する + // ユーザーの見た目基準: Enter を N 回押した = N-1 行の空き + // \n\n (2つ) = Enter 2回 = 1行分の空き + // \n\n\n (3つ) = Enter 3回 = 2行分の空き + const preProcessedContent = normalizedContent.replace(/\n{2,}/g, (match) => { + // 計算式: match.length - 1 (見た目通りの行数) + const count = match.length - 1; + const emptyLineStr = '

'; + + // 前後に \n\n を挟むことで、marked が前後のテキストを正しく段落として認識できるようにする + return '\n\n' + emptyLineStr.repeat(count) + '\n\n'; + }); + + let html = await this.marked.parse(preProcessedContent) as string; + + // 既存処理: 空の段落パターンを検出して
を挿入 + html = html.replace(/

\s*<\/p>/g, '

'); + + return html; } fromHTMLToMarkdown(htmlContent: string | HTMLElement): string { 24:Tb85,@@ -23,6 +23,7 @@ export class

TsumugiMark