Skip to content

Fix/nextjs code highlighting 682 - #729

Merged
jaywcjlove merged 10 commits into
uiwjs:masterfrom
hiyouwhatsapp:fix/nextjs-code-highlighting-682
Nov 3, 2026
Merged

jaywcjlove merged 10 commits into
uiwjs:masterfrom
hiyouwhatsapp:fix/nextjs-code-highlighting-682

Conversation

@hiyouwhatsapp

Copy link
Copy Markdown
Contributor

Fixes #682

The Next.js example had Turbopack on by default and was not loading the published editor and preview styles explicitly so code highlighting could lose its colors

I moved the CSS into the app layout, then switched back to plain next dev & added a JS block to make the problem visible

Kept the clientonly editor setup as is

@vercel

vercel Bot commented Nov 3, 2026

Copy link
Copy Markdown

@hiyouwhatsapp is attempting to deploy a commit to the kenny wong's projects Team on Vercel.

A member of the Team first needs to authorize it.

@jaywcjlove
jaywcjlove merged commit aade76e into uiwjs:master Nov 3, 2026
1 of 2 checks passed
github-actions Bot added a commit that referenced this pull request Nov 3, 2026
* fix(nextjs): load editor and preview highlighting styles

* fix(nextjs): load editor and preview highlighting styles

* fix(nextjs): load editor and preview highlighting styles

* fix(nextjs): load editor and preview highlighting styles

* fix(nextjs): load editor and preview highlighting styles

* test(nextjs): cover code tokens and bundled highlight styles

* test(nextjs): cover code tokens and bundled highlight styles

* test(nextjs): check highlighted CSS in production build

* test(nextjs): check highlighted CSS in production build

* docs(nextjs): show a working App Router example aade76e
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Syntax highlighting for code does not work with next.js

2 participants