Comments (5)
+1
fraction ( \frac{a}{b}
) line is also missing.
from react-latex.
@henrisuurorg
need to include relative script in your header.
<!-- The loading of KaTeX is deferred to speed up page rendering -->
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js" crossorigin="anonymous"></script>
<!-- To automatically render math in text elements, include the auto-render extension: -->
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js" crossorigin="anonymous"
onload="renderMathInElement(document.body);"></script>
from react-latex.
need to include relative script in your header.
<!-- The loading of KaTeX is deferred to speed up page rendering --> <script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js" crossorigin="anonymous"></script> <!-- To automatically render math in text elements, include the auto-render extension: --> <script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/contrib/auto-render.min.js" crossorigin="anonymous" onload="renderMathInElement(document.body);"></script>
@spondiirty
This doesn't seem to change anything for me. Did you include the relative script in the header of your index.html file or am I doing something wrong?
from react-latex.
@henrisuurorg
yea, I put them in the header of index.html file
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css"
integrity="sha384-zB1R0rpPzHqg7Kpt0Aljp8JPLqbXI3bhnPWROx27a9N0Ll6ZP/+DiW/UqRcLbRjq" crossorigin="anonymous">
<!-- The loading of KaTeX is deferred to speed up page rendering -->
<script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js" crossorigin="anonymous"></script>
but that only works for my cases (fraction). I tested your case just now, seems only some of the lines are rendering, and it changes behavior when changing the page layout.
from react-latex.
@spondiirty
Your solution got fractions working for me and that was my main issue so thanks for that! However, I won't close the issue until I get an official response.
from react-latex.
Related Issues (20)
- issue with curly brackets HOT 1
- couldn't convert backslash delimited string
- Suggestion: latexString function as different package.
- Add options prop HOT 2
- Vertical separators not appearing
- Missing @types/react-latex HOT 1
- Problem with hyperlink
- Latex not loading HOT 1
- dangerouslySetInnerHTML vulnerability? HOT 2
- How to align in react-latex
- Question related using cloudflare served stylesheet vs katex npm package's stylesheet
- How do I set the font size? HOT 1
- Bra-Ket notation not rendering HOT 1
- \begin{equation} not working
- Html rendering not working
- Render only latex part
- Half of matrix is hidden HOT 1
- Uncaught (in promise) TypeError: Cannot read property 'replace' of undefined HOT 3
- Responsive design on long formulas
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 react-latex.