A configuration question #2192
-
|
As a new beginner, I decided to make my small tiny flask blog support math formula, so I chose arithmatex under python-markdown. After I have read offical documentation, i made such configuration as follows, namely I put mathjax cdn link at the bottom of the block script of base.html template, arithmatex is included by markdown function. But it doesn't work. Can anyone give me a favor? thank you. |
Beta Was this translation helpful? Give feedback.
Replies: 7 comments 8 replies
-
|
When providing examples, pictures are fine, but please always post code as copy/pastable code blocks. As far as your question is concerned, why are you configuring |
Beta Was this translation helpful? Give feedback.
-
|
I delete mdx_math configuration, the code now turns up as: |
Beta Was this translation helpful? Give feedback.
-
|
Unfortunately, you've provided very little information that I can work with. You are clearly using a documentation system, one that I am not familiar with. I don't see your MathJax configuration anywhere, so it is likely you don't have it configured properly. Without you providing a minimal, reproducible example, I have no idea what you are doing. With that said, I can provide a simple working example. This shows a simple, basic MathJax configuration and the setup required for Arithmatex. It will output an HTML file that you can load in your browser. You will see that MathJax works just fine with it. HTML = R"""
<!DOCTYPE html>
<html lang="en">
<body>
%s
</body>
<script>
window.MathJax = {
tex: {
inlineMath: [ ["\\(","\\)"] ],
displayMath: [ ["\\[","\\]"] ],
processEscapes: true,
processEnvironments: true
},
options: {
ignoreHtmlClass: ".*",
processHtmlClass: "arithmatex"
}
};
</script>
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"></script>
</html>
"""
MD = R"""
$$
E(\mathbf{v}, \mathbf{h}) = -\sum_{i,j}w_{ij}v_i h_j - \sum_i b_i v_i - \sum_j c_j h_j
$$
"""
import markdown
result = markdown.markdown(
MD,
extensions=['pymdownx.arithmatex'],
extension_configs={
'pymdownx.arithmatex': {
'generic': True
}
}
)
with open('test.html', 'w', encoding='utf8') as f:
f.write(HTML % result) |
Beta Was this translation helpful? Give feedback.
-
|
Indeed, it works fine with your own example code. I copied your configuration code into corresponding place at base.html like this:
<script>
window.MathJax = {
tex: {
inlineMath: [ ["\\(","\\)"] ],
displayMath: [ ["\\[","\\]"] ],
processEscapes: true,
processEnvironments: true
},
options: {
ignoreHtmlClass: ".*",
processHtmlClass: "arithmatex"
}
};
</script>
|
Beta Was this translation helpful? Give feedback.
-
|
The issue is somewhere in your flask app. From my perspective, I've demonstrated that Arithmatex does work when configured properly. If you configure things the same way, it will work, but you could be stripping something important out with your app, sanitizing something that shouldn't be, or any number of things. I would look at your HTML output closely and see if it actually matches what you think it should. You can use the results from the script I gave you to compare against. Unfortunately, my support can only extend as far as making sure it is clear how to use my extensions and ensuring they are working as expected. I cannot debug people's custom apps. |
Beta Was this translation helpful? Give feedback.
-
|
I finally solved this question, and thank you so much for your help. |
Beta Was this translation helpful? Give feedback.
-
|
But i still really appreciate your help, thank you so much. |
Beta Was this translation helpful? Give feedback.
-
|
I'm sorry for asking for help again. A quirk occurs. I mentioned that i have solved this question at last time. but this time when I input same math formula like |
Beta Was this translation helpful? Give feedback.
-
|
I have no idea how you "fixed" your issue last time. You still have not provided me with a minimal, reproducible example. From what I understand, your entire app is custom. I have no context to help me understand what you are doing wrong. All I know is that if configured properly, everything works: HTML = R"""
<!DOCTYPE html>
<html lang="en">
<body>
%s
</body>
<script>
window.MathJax = {
tex: {
inlineMath: [ ["\\(","\\)"] ],
displayMath: [ ["\\[","\\]"] ],
processEscapes: true,
processEnvironments: true
},
options: {
ignoreHtmlClass: ".*",
processHtmlClass: "arithmatex"
}
};
</script>
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"></script>
</html>
"""
MD = R"""
$p(x|y) = \frac{p(y|x)p(x)}{p(y)}$
$$
p(x|y) = \frac{p(y|x)p(x)}{p(y)}
$$
$$
E(\mathbf{v}, \mathbf{h}) = -\sum_{i,j}w_{ij}v_i h_j - \sum_i b_i v_i - \sum_j c_j h_j
$$
"""
import markdown
result = markdown.markdown(
MD,
extensions=['pymdownx.arithmatex'],
extension_configs={
'pymdownx.arithmatex': {
'generic': True
}
}
)
with open('test.html', 'w', encoding='utf8') as f:
f.write(HTML % result)
|
Beta Was this translation helpful? Give feedback.
-
|
If I typed |
Beta Was this translation helpful? Give feedback.
-
|
The fact is that i changed nothing and the code was like before, during that time, i thought the reason lies in bleach.clean and then read the docmentation at bleach.clean. |
Beta Was this translation helpful? Give feedback.
-
|
A screenshot is maybe more clearer |
Beta Was this translation helpful? Give feedback.
-
|
My app is basicly rests on flask development book and is customizedby myself in some way, i'm sorry for that i do not know what the minimal, reproducible example is for debugging |
Beta Was this translation helpful? Give feedback.
-
|
Yes, but:
I mentioned before that the script I gave you will output valid HTML that works. I also mentioned that you should first identify what the difference between your failing HTML is vs the the working HTML my working script generates. You should be able to quickly see if HTML is getting altered along the way. For instance, if my script generates the following and you are not getting that in the final HTML, then you have a problem where you are changing things. <div class="arithmatex">\[
p(x|y) = \frac{p(y|x)p(x)}{p(y)}
\]</div>If I generate the script tag to configure MathJax in my script and it looks like the example below, then your script should generate it looking the same. If it does not, or it is missing, then you've done something wrong: <script>
window.MathJax = {
tex: {
inlineMath: [ ["\\(","\\)"] ],
displayMath: [ ["\\[","\\]"] ],
processEscapes: true,
processEnvironments: true
},
options: {
ignoreHtmlClass: ".*",
processHtmlClass: "arithmatex"
}
};
</script>
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js"></script>I understand you are new at this, but I've provided a script you can easily compare against. It works, so there are no issues on my end. If you narrow down the issue as a |
Beta Was this translation helpful? Give feedback.
-
|
Thank you for your reply, i really appreciate it and i will turn to another side for help, thank you so much. |
Beta Was this translation helpful? Give feedback.
Unfortunately, you've provided very little information that I can work with. You are clearly using a documentation system, one that I am not familiar with. I don't see your MathJax configuration anywhere, so it is likely you don't have it configured properly. Without you providing a minimal, reproducible example, I have no idea what you are doing.
With that said, I can provide a simple working example. This shows a simple, basic MathJax configuration and the setup required for Arithmatex. It will output an HTML file that you can load in your browser. You will see that MathJax works just fine with it.