Join lines broken by newlines to a long line.

Join paragraph lines that are broken by newlines from a long paragraph to a
long line. If the current line is a part of a block area, like pre, code,
blockquote, skip it.

src/components/article/article_body/ArticleBody.astro

@@ -0,0 +1,37 @@
+---
+// get rendered ArticleBodyContent HTML
+const html = await Astro.slots.render("default");
+
+// If some lines are not started with ASCII character,
+// join them to their previous line.
+// This is important.
+// Because I add one newline character to wrap Chinese.
+const arr = html.split("\n");
+let articleHTMLFinal = arr[0];
+// Whether the current line belongs to the area where
+// the line break should be kept.
+let remainIntactArea = false;
+for (let i = 1; i < arr.length; i++) {
+  if (arr[i].match(/^(<pre|<code|<blockquote|<table)/) !== null) {
+    remainIntactArea = true;
+  } else {
+    remainIntactArea = false;
+  }
+  if (
+    // If the first character is not ascii character,
+    // or the final character of previous line is not character.
+    // AND
+    // Current line should not belong to area that remains intact.
+    (arr[i].charAt(0).match(/[ -~]/) === null ||
+      arr[i - 1].charAt(arr[i - 1].length - 1).match(/[ -~]/) === null) &&
+    !remainIntactArea
+  ) {
+    articleHTMLFinal += arr[i];
+  } else {
+    articleHTMLFinal += "\n";
+    articleHTMLFinal += arr[i];
+  }
+}
+---
+
+<Fragment set:html={articleHTMLFinal} />

src/components/article/article_body/ArticleBodyWrapper.astro

@@ -0,0 +1,18 @@
+---
+import type { CollectionKey } from "astro:content";
+import ArticleBody from "./ArticleBody.astro";
+import ArticleBodyContent from "./ArticleBodyContent.astro";
+
+interface Props {
+  articleSlug: string;
+  collectionName: CollectionKey;
+}
+const { articleSlug, collectionName } = Astro.props;
+---
+
+<ArticleBody>
+  <ArticleBodyContent
+    collectionName={collectionName}
+    articleSlug={articleSlug}
+  />
+</ArticleBody>