Mathjax библиотека не работает должным образом в реакции нативного веб-просмотра - PullRequest
Новая
       21

Mathjax библиотека не работает должным образом в реакции нативного веб-просмотра

0 голосов
/ 12 октября 2019

Я хотел использовать mathjax для моего работающего проекта, это ниже html-code отлично работал в браузере, 

<head>
 <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
 <script >
  MathJax = {
   tex: {
     inlineMath: [['$', '$'], ['\\(', '\\)']],                   
     displayMath: [['$', '$'], ['\\(', '\\)']],
     processEscapes: true
    }
  }
  </script>

  <script id="MathJax-script" async src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML'> </script>
</head>

<body>
 <p><span className='math-tex'>\( (\frac{3}{7},\frac{18}{7}) \)</span></p>
 <p><span className='math-tex'>\( x&gt;0,y&gt;0 \)</span></p>
</body>

, но эти библиотеки не работают так же, как те, которые отображаются в браузере. веб-просмотр, но он отображается по-другому, я не понимаю, какой из них неправильный, возможно, веб-просмотр не отображает скрипт-mathjax должным образом? Я делал много попыток в течение недели, я изменил inlineMath \\( на \( и все еще не работает в веб-просмотре, даже если я удаляю дополнительный скрипт, он все еще работает, но у него другой вывод в веб-просмотре и обычном браузере 

//inside react native

const html = `
<head>
 <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
 <script >
  MathJax = {
   tex: {
     inlineMath: [['$', '$'], ['\\(', '\\)']],                   
     displayMath: [['$', '$'], ['\\(', '\\)']],
     processEscapes: true
    }
  }
  </script>

  <script id="MathJax-script" async src='https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/MathJax.js?config=TeX-MML-AM_CHTML'> </script>
</head>

<body>
 <p><span className='math-tex'>\( (\frac{3}{7},\frac{18}{7}) \)</span></p>
 <p><span className='math-tex'>\( x&gt;0,y&gt;0 \)</span></p>
</body>         
`

//the component

<WebView
 source={ { html } }
 zoomable={ false }
 javaScriptEnabled
 useWebKit // turning off or on, nothing happens
 automaticallyAdjustContentInsets
 thirdPartyCookiesEnabled
 bounces={ false }
/>
...