Comments (4)
Yes, that worked!
Thank you very much for your (v quick) help, and also for HyperMD.
from hypermd.
Hello. Just tested this code with Parcel and everything works well.
If you are using webpack, make sure that file-loader is configured properly so that KaTeX can load its font files (the files' suffix can be .woff
, .woff2
or .ttf
)
from hypermd.
Thanks for the quick response.
I've added the webpack file-loader with a test for .woff
, .woff2
and .ttf
, but no luck.
The webpack build didn't error before I added the test for the font files, so I don't think it's trying to include any fonts.
Although I've got the import
for the KaTeX powerpack, there is nowhere in my code where I actually reference it, so I'm guessing the build won't actually include it. Also, the webpack output doesn't show any fonts being included.
from hypermd.
Maybe webpack optimized and removed the imported powerpack because of no reference. Try:
-import * as katex from 'hypermd/powerpack/fold-math-with-katex';
+import 'hypermd/powerpack/fold-math-with-katex';
from hypermd.
Related Issues (20)
- Non-techie mode? HOT 1
- 关于主题和代码高亮
- 请问如何编译 import 的其他包的内容 HOT 2
- flow 左右分屏容易改造吗?
- Supporting syntax highlight for code block HOT 4
- :::info:::,
- Repo Active
- Cannot convert from `GLib.List<Gtk.Window>' to `GLib.List<weak Gtk.Window> HOT 1
- 官方能出VScode或者Nextcloud这种私有云的插件吗?
- How to import this as ES Module? HOT 2
- Not Highlighting code blocks in vue HOT 1
- Cant seem to get it working, always producing error
- The text box is wobbling badly
- The demo address cannot be opened HOT 1
- Hypermd syntax highlighter stops working inside a code block (Obsidian's Admonition-plugin, CodeMirror) HOT 1
- How to disable folding
- Demo site is down
- 文档和测试站点宕机了
- CodeMirror 6
- Working on a fork supporting CodeMirror 6
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from hypermd.