Skip to content

Fix markdown table code block diaplay eccentrically #2992

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
MoeexT wants to merge 2 commits into
base: develop
Choose a base branch
from
Open

Fix markdown table code block diaplay eccentrically #2992

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
b3aae43
:bug: Fix markdown code block display error
MoeexT May 15, 2026
7828201
:bug: Fix markdown code block display error
MoeexT May 15, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,11 +43,11 @@ model-assets/
openspec/
logs/

.agents/
.devspace/
devspace.yaml
k8s/helm/**/*.tgz
k8s/helm/nexent/Chart.lock

MAC_DEVELOPMENT_GUIDE.md
# Mac本地开发数据持久化（无需提交）
data/
13 changes: 6 additions & 7 deletions frontend/components/ui/markdownRenderer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -974,20 +974,19 @@ export const CodeBlock: React.FC<{
}> = ({ codeContent, language = "python" }) => {
const { t } = useTranslation("common");

const customStyle = {
const customStyle = {
...oneLight,
'pre[class*="language-"]': {
...oneLight['pre[class*="language-"]'],
background: "#f8f8f8",
borderRadius: "0",
padding: "12px 16px",
margin: "0",
padding: "1rem",
fontSize: "0.875rem",
lineHeight: "1.5",
whiteSpace: "pre-wrap",
wordWrap: "break-word",
wordBreak: "break-word",
overflowWrap: "break-word",
wordBreak: "normal",
overflowWrap: "anywhere",
overflow: "auto",
width: "100%",
boxSizing: "border-box",
Expand All @@ -1002,8 +1001,8 @@ export const CodeBlock: React.FC<{
lineHeight: "1.5",
whiteSpace: "pre-wrap",
wordWrap: "break-word",
wordBreak: "break-word",
overflowWrap: "break-word",
wordBreak: "normal",
overflowWrap: "anywhere",
width: "100%",
padding: "0",
display: "block",
Expand Down
6 changes: 6 additions & 0 deletions frontend/styles/react-markdown.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -516,6 +516,12 @@
opacity: 0.7;
}

/* Ensure Prism tokens display inline within code blocks */
.code-block-content .token,
.code-block-content span[class*="token"] {
display: inline;
}

.token.comment {
font-style: italic;
color: #6a9955;
Expand Down
Loading