web-dev-qa-db-ja.com

Joomla WebサイトにMathjaxを追加する

MathJax機能を自分のWebサイトに追加したいのですが、どうすればよいかわかりません。

  • 特定のテンプレートを使用するか、既存のテンプレートを変更する必要がありますか? (答えがテンプレート固有の場合、現在 AllRounder を使用しています。)
  • 別のエディターを使用する必要がありますか? (私は現在JCEエディターを使用しています)?

現在、ウェブサイトのコンテンツ管理は、私が管理側で独占的に行っていますが、それが重要かどうかはわかりません。 (おそらく、WebサイトでMathJaxの使用を特定の特権ユーザーに制限したい場合がありますか?)

6
bobthechemist

必要なのはプラグインだけです。 onContentPrepareメソッドを追加するコンテンツプラグインを作成できます。

    public function onContentPrepare($context, &$article, &$params, $page = 0)
    {   
            $doc = JFactory::getDocument();
            $doc->addScript("http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML");
    }

または jexbox プラグインを使用できます。

編集:

@Anibalの回答として、テンプレートファイルを編集できます。 @Anibalの回答を改善して、コードをサポートしています$\frac{a}{b}$

...
    <script type="text/x-mathjax-config">
        MathJax.Hub.Config({
            tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
        });
    </script>
    <script type="text/javascript"
        src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
    </script>

</head>
<body id="shadow">
....
6
csbenjamin

いくつかの方法があります:

A.テンプレートレベルで:テンプレートにアクセスし、Mathjax cdn行をヘッド領域に追加します。例えば。 beez3テンプレート:

templates/beez3/index.php、85行目

...
    <script type="text/javascript"
      src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
    </script>

    </head>
    <body id="shadow">
....

B.カスタムHTMLモジュールを使用する場合:カスタムスクリプトモジュールにいくつかのPHPソースコード行を追加できます。この方法で、Mathjax cdnスクリプトを特定のメニューに割り当てることができます。たとえば、NoNumber Sourcerer http://www.nonumber.nl/extensions/sourcerer

{source}
<?php

    $doc = JFactory::getDocument();
    $doc->addScript('http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML', 'text/javascript');

?>
{/source}
4
Anibal

コピーして貼り付けました

<script type="application/javascript" src="https://c328740.ssl.cf1.rackcdn.com/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>

PHPテンプレートプリンシパルページファイルの</head>タグの直前。

次に、articles内でMathJaX区切り文字を使用するだけで十分でした。

正常に機能し、通常の方法でうまくいきます。

補遺:今日の前に、最近の月以降、 いくつかの変更 が発生したため、この単純な実装方法を選択したいユーザーはこれを考慮する必要があります。

上記のリンクでhttps://c328740.ssl.cf1.rackcdn.com/https://cdn.mathjax.org/に切り替えると、-私は確認しました-この回答を実際にしてください。

3
MattAllegro