Removing MathJax from the HTML file.
491 views
Skip to first unread message
Dominic Prakash
May 31, 2012, 5:59:16 AM5/31/12
to MathJax Users
HTML:
<body id="UniqueBody">
<p>I like \(\rm\TeX\) code</p>
</body>
JS:
alert( window.document.getElementById('UniqueBody').innerHTML );
This print so many additional span tags. How do I get just "<p>I like \
(\rm\TeX\) code</p>". Is there any way I could remove MathJax
additions from the Javascript so that I can save the HTML data. But
user's should still see MathJax equations.
Regards
Dominic
<body id="UniqueBody">
<p>I like \(\rm\TeX\) code</p>
</body>
JS:
alert( window.document.getElementById('UniqueBody').innerHTML );
This print so many additional span tags. How do I get just "<p>I like \
(\rm\TeX\) code</p>". Is there any way I could remove MathJax
additions from the Javascript so that I can save the HTML data. But
user's should still see MathJax equations.
Regards
Dominic
Dominic Prakash
May 31, 2012, 6:34:14 AM5/31/12
to MathJax Users
On further study these two links helped me to locate part of my
requirement
1. Removing typesetting - opposite of MathJax.Hub.Typeset()
http://groups.google.com/group/mathjax-users/browse_thread/thread/fcddf2e1176e3fb1
2. how to get the original Tex code
http://groups.google.com/group/mathjax-users/browse_thread/thread/41519b69408fe9f6
I am able to get the original tex source using
var mathelms = MathJax.Hub.getJaxByInputType("math/tex");
for (i = 0; i < mathelms.length; ++i) {
alert( mathelms[i].SourceElement().text );
}
But how do I replace the whole lot of MathJax span elements with my
source Tex to get original HTML
Is there an easy way of removing/destroying MathJax contents from a
Javascript variable and not from the document..
Regards
Dominic
requirement
1. Removing typesetting - opposite of MathJax.Hub.Typeset()
http://groups.google.com/group/mathjax-users/browse_thread/thread/fcddf2e1176e3fb1
2. how to get the original Tex code
http://groups.google.com/group/mathjax-users/browse_thread/thread/41519b69408fe9f6
I am able to get the original tex source using
var mathelms = MathJax.Hub.getJaxByInputType("math/tex");
for (i = 0; i < mathelms.length; ++i) {
alert( mathelms[i].SourceElement().text );
}
But how do I replace the whole lot of MathJax span elements with my
source Tex to get original HTML
Is there an easy way of removing/destroying MathJax contents from a
Javascript variable and not from the document..
Regards
Dominic
Frédéric WANG
May 31, 2012, 6:42:00 AM5/31/12
to mathja...@googlegroups.com
On 31/05/2012 12:34, Dominic Prakash wrote:
> On further study these two links helped me to locate part of my
> requirement
>
> 1. Removing typesetting - opposite of MathJax.Hub.Typeset()
> http://groups.google.com/group/mathjax-users/browse_thread/thread/fcddf2e1176e3fb1
>
> 2. how to get the original Tex code
> http://groups.google.com/group/mathjax-users/browse_thread/thread/41519b69408fe9f6
>
> I am able to get the original tex source using
>
> var mathelms = MathJax.Hub.getJaxByInputType("math/tex");
> for (i = 0; i< mathelms.length; ++i) {
> alert( mathelms[i].SourceElement().text );
> }
>
> But how do I replace the whole lot of MathJax span elements with my
> source Tex to get original HTML
>
> Is there an easy way of removing/destroying MathJax contents from a
> Javascript variable and not from the document..
>
Hi Dominic,
> On further study these two links helped me to locate part of my
> requirement
>
> 1. Removing typesetting - opposite of MathJax.Hub.Typeset()
> http://groups.google.com/group/mathjax-users/browse_thread/thread/fcddf2e1176e3fb1
>
> 2. how to get the original Tex code
> http://groups.google.com/group/mathjax-users/browse_thread/thread/41519b69408fe9f6
>
> I am able to get the original tex source using
>
> var mathelms = MathJax.Hub.getJaxByInputType("math/tex");
> for (i = 0; i< mathelms.length; ++i) {
> alert( mathelms[i].SourceElement().text );
> }
>
> But how do I replace the whole lot of MathJax span elements with my
> source Tex to get original HTML
>
> Is there an easy way of removing/destroying MathJax contents from a
> Javascript variable and not from the document..
>
I'm not sure there is an easy way to do this. You can call
mathelms[i].Remove() to remove the HTML output and then use normal DOM
to remove the <script> tag mathelms[i].SourceElement(). However, that
will remove the MathJax output from the HTML document. Maybe you can
create a copy of the body with "visibility: hidden;" and do the
operation on this copy. Not sure this is really efficient...
Dominic Prakash
Jun 1, 2012, 2:25:01 AM6/1/12
to MathJax Users
On May 31, 3:42 pm, Frédéric WANG <fred.w...@free.fr> wrote:
> > On further study these two links helped me to locate part of my
> > requirement
>
> > 1. Removing typesetting - opposite of MathJax.Hub.Typeset()
>
> > 2. how to get the original Tex code
> >http://groups.google.com/group/mathjax-users/browse_thread/thread/415...
> > 2. how to get the original Tex code
>
> > I am able to get the original tex source using
>
> > var mathelms = MathJax.Hub.getJaxByInputType("math/tex");
> > for (i = 0; i< mathelms.length; ++i) {
> > alert( mathelms[i].SourceElement().text );
> > }
>
> > But how do I replace the whole lot of MathJax span elements with my
> > source Tex to get original HTML
>
> > Is there an easy way of removing/destroying MathJax contents from a
> > Javascript variable and not from the document..
>
> Hi Dominic,
>
> I'm not sure there is an easy way to do this. You can call
> mathelms[i].Remove() to remove the HTML output and then use normal DOM
> to remove the <script> tag mathelms[i].SourceElement(). However, that
> will remove the MathJax output from the HTML document. Maybe you can
> create a copy of the body with "visibility: hidden;" and do the
> operation on this copy. Not sure this is really efficient...
Hi Frédéric.
> > I am able to get the original tex source using
>
> > var mathelms = MathJax.Hub.getJaxByInputType("math/tex");
> > for (i = 0; i< mathelms.length; ++i) {
> > alert( mathelms[i].SourceElement().text );
> > }
>
> > But how do I replace the whole lot of MathJax span elements with my
> > source Tex to get original HTML
>
> > Is there an easy way of removing/destroying MathJax contents from a
> > Javascript variable and not from the document..
>
> Hi Dominic,
>
> I'm not sure there is an easy way to do this. You can call
> mathelms[i].Remove() to remove the HTML output and then use normal DOM
> to remove the <script> tag mathelms[i].SourceElement(). However, that
> will remove the MathJax output from the HTML document. Maybe you can
> create a copy of the body with "visibility: hidden;" and do the
> operation on this copy. Not sure this is really efficient...
Thank you for the tip on "Remove()" function to remove major HTML
part.
Now I can remove the script element as I know the content and I know
its ID (mathelms[i].inputID).
Also I can remove the span with "MathJax_Preview" class.
DIV with id "MathJax_Message" can be removed.
Still I have few elements.
<div style="visibility: hidden; overflow: hidden; position: absolute;
top: 0pt; height: 1px; width: auto; padding: 0pt; border: 0pt none;
margin: 0pt; text-align: left; text-indent: 0pt; text-transform: none;
line-height: normal; letter-spacing: normal; word-spacing: normal;">
<div id="MathJax_Hidden"></div>
</div>
This is little complected but can be removed.
There should be a better way to remove the entire MathJax from a
document.
Regards
Dominic
Davide P. Cervone
Jun 10, 2012, 4:29:41 PM6/10/12
to mathja...@googlegroups.com
Thank you for the tip on "Remove()" function to remove major HTML part.
Now I can remove the script element as I know the content and I know
its ID (mathelms[i].inputID).
Also I can remove the span with "MathJax_Preview" class.
DIV with id "MathJax_Message" can be removed.
Still I have few elements.
<div style="visibility: hidden; overflow: hidden; position: absolute;
top: 0pt; height: 1px; width: auto; padding: 0pt; border: 0pt none;
margin: 0pt; text-align: left; text-indent: 0pt; text-transform: none;
line-height: normal; letter-spacing: normal; word-spacing: normal;">
<div id="MathJax_Hidden"></div>
</div>
This is little complected but can be removed.
There should be a better way to remove the entire MathJax from a
document.
MathJax isn't designed to be removed, and it does include a number of elements in the page (as you have found). These include stylesheets in the <head> as well as a number of hidden elements in the <body>.
Can you be more specific about what you are really trying to do? Why can't you just make a copy of the innerHTML before MathJax runs and inserts its content? That would be a lot easier than trying to unravel the changes that it makes. Also, if you want to avoid those extra elements, you could use
<body>
<div id="main-content">
... your content here ...
</div>
</body>
for the main structure of your page, and then use
document.getElementById("main-content").innerHTML
to get the content (after you have removed the typesetting). MathJax inserts its extra stuff at the beginning or ending of the <body>, so they should be outside of the main-content div.
Davide
Dominic Prakash
Jun 28, 2012, 5:29:29 AM6/28/12
to mathja...@googlegroups.com
Let me try the main-content div.
I am actually building a simple HTML editor for our internal use. Most of my content are derived from an XML file. This html has got few Math equations in TeX format. Earlier I did not provide Math Editing capability in my editor and math was displayed as images . So after content editing the user will press a “SAVE” button that will save the html. The saved html will be similar to my source html except that it will have additional changes made by the user.
Recently I try to give Math editing capability and I am using Mathjax for viewing the TeX equations. Once I include the MathJax javascript it adds lots content. Hence on saving I am getting those additional content. Hence my original request on how to remove the content. I don’t care as long as it is in the browser but I need original html for saving and further processing.
Somehow I have managed to remove the additional content using JQuery and DOM. I was just wondering if there are any “easy” way of removing the MathJax content.
RegardsDominic
Davide P. Cervone
Jul 1, 2012, 9:58:32 AM7/1/12
to mathja...@googlegroups.com
> I am actually building a simple HTML editor for our internal use.
> Most of my content are derived from an XML file. This html has got
> few Math equations in TeX format. Earlier I did not provide Math
> Editing capability in my editor and math was displayed as images .
> So after content editing the user will press a “SAVE” button that
> will save the html. The saved html will be similar to my source html
> except that it will have additional changes made by the user.
>
> Recently I try to give Math editing capability and I am using
> Mathjax for viewing the TeX equations. Once I include the MathJax
> javascript it adds lots content. Hence on saving I am getting those
> additional content. Hence my original request on how to remove the
> content. I don’t care as long as it is in the browser but I need
> original html for saving and further processing.
>
Once the user edits the data, you must be calling MathJax's Typeset
> Most of my content are derived from an XML file. This html has got
> few Math equations in TeX format. Earlier I did not provide Math
> Editing capability in my editor and math was displayed as images .
> So after content editing the user will press a “SAVE” button that
> will save the html. The saved html will be similar to my source html
> except that it will have additional changes made by the user.
>
> Recently I try to give Math editing capability and I am using
> Mathjax for viewing the TeX equations. Once I include the MathJax
> javascript it adds lots content. Hence on saving I am getting those
> additional content. Hence my original request on how to remove the
> content. I don’t care as long as it is in the browser but I need
> original html for saving and further processing.
>
function in order to typeset any mathematics that the user typed. My
suggestion is that you cache a copy of the HTML that is in place
BEFORE you run MathJax on it. Then your SAVE button can save the
cached copy, not the current one. Don't you need to do that anyway so
that if they start editing again they edit the original TeX code, not
the typeset math? It just seems that you are working a lot harder
than you need to.
Davide
acx...@gmail.com
Oct 15, 2015, 5:54:29 PM10/15/15
to MathJax Users
Le dimanche 10 juin 2012 22:29:41 UTC+2, Davide Cervone a écrit :
MathJax isn't designed to be removed, and it does include a number of elements in the page (as you have found). These include stylesheets in the <head> as well as a number of hidden elements in the <body>.Can you be more specific about what you are really trying to do? Why can't you just make a copy of the innerHTML before MathJax runs and inserts its content? That would be a lot easier than trying to unravel the changes that it makes.
You (mathjax guys) are just a big joke,
this is MathJax's works : to save what is needed in order to simply remove/undo what Mathjax changed in the html/style code of the page ! This way it would be easy to dynamically modify our page, and calling mathjax when we want, knowing in the same time what is the 'current state' of the page !
Did you ear about 'ajax' made websites ? How would you think MathJax could be used for such websites ?
Are you so bad coders ?
Christophe Bal
Oct 16, 2015, 7:42:44 AM10/16/15
to mathja...@googlegroups.com
Build a patch if you want to stop the joke. 😤
--
You received this message because you are subscribed to the Google Groups "MathJax Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to mathjax-user...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
Reply all
Reply to author
Forward
0 new messages