Как правильно отобразить mathml с vue? - PullRequest
Новая
       53

Как правильно отобразить mathml с vue?

0 голосов
/ 22 января 2020

У меня есть множество html фрагментов, в которые встроен какой-нибудь тег mathml, как показано ниже: 

<span lang="EN-US" style='font-size:10.5pt;font-family:等线;position:relative;'><mml:math xmlns:mml="http://www.w3.org/1998/Math/MathML" xmlns:m="http://schemas.openxmlformats.org/officeDocument/2006/math"><mml:mi>a</mml:mi><mml:mo>&gt;</mml:mo><mml:mn>2</mml:mn></mml:math></span>

Если я получу его с сервера и выведу на экран в Home. vue, математическое уравнение не отображается правильно, просто текст.

Если поместить его в отдельный файл html, браузер сможет правильно отобразить его, автономный файл html выглядит следующим образом: 

<html xmlns:mml="http://www.w3.org/1998/Math/MathML" xmlns:m="http://schemas.openxmlformats.org/officeDocument/2006/math">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body lang="ZH-CN">
<div class="WordSection1" style='layout-grid:15.6pt'>

<p class="MsoNormal"><span lang="EN-US" style='font-size:10.5pt;font-family:等线;position:relative;'><mml:math xmlns:mml="http://www.w3.org/1998/Math/MathML" xmlns:m="http://schemas.openxmlformats.org/officeDocument/2006/math"><mml:mi>a</mml:mi><mml:mo>&gt;</mml:mo><mml:mn>2</mml:mn></mml:math></span>
</p>
</div>
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async="" src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>
</body>
</html>

Примечание: Я поместил xmlns: mml и xmlns: m в указатель. html проекта vue и добавил два тега script в конце раздела body, как и выше, но при запуске проекта с "npm run начало ", есть некоторые ошибки, такие как: 

[Vue warn]: Unknown custom element: <mml:math> - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <Home> at src/main/webapp/app/core/home/home.vue
       <App> at src/main/webapp/app/app.vue
         <Root>

Есть идеи? Я не хочу менять фрагмент кода html, потому что число огромно.

...