Folo icon indicating copy to clipboard operation
Folo copied to clipboard

Add support for page KaTeX, MathJaX formula rendering.

Open PrinOrange opened this issue 1 year ago • 7 comments

Clear and concise description of the problem

因为有时候我也会阅读一些理工科的博客内容,比如我的页面中含有很多数学公式,都是由 KaTeX 生成的

image

所以希望Follow 添加 Readability 对数学公式的支持。

image

Suggested solution

这些KaTeX渲染的公式对应的html块形式如下

<span class="katex-display" translate="no">
    <span class="katex" translate="no">
    <!--math content-->
    </span>
</span>

一般来说网页上渲染公式有两种方法,一是KaTeX,二是MathJaX

希望Follow完善对公式渲染的支持。感谢!

Alternative

No response

Additional context

No response

Validations

  • [x] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

PrinOrange avatar Oct 13 '24 01:10 PrinOrange

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿


Clear and concise description of the problem

Because sometimes I also read some science and engineering blog content. For example, my page contains many mathematical formulas, all generated by KaTeX.

image

So I hope Follow will add Readability support for mathematical formulas.

image

Suggested solution

The html block format corresponding to these KaTeX-rendered formulas is as follows:

<span class="katex-display" translate="no">
    <span class="katex" translate="no">
    <!--math content-->
    </span>
</span>

Generally speaking, there are two methods for rendering formulas on web pages, one is KaTeX, and the other is MathJaX.

I hope Follow will improve its support for formula rendering. grateful!

Alternative

No response

Additional context

No response

Validations

  • [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

github-actions[bot] avatar Oct 13 '24 01:10 github-actions[bot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿


FOL-443 Add support for page KaTeX and MathJaX formula rendering support.

github-actions[bot] avatar Oct 13 '24 01:10 github-actions[bot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿


Clear and concise description of the problem

Because sometimes I also read some science and engineering blog content. For example, my page contains many mathematical formulas, all generated by KaTeX.

image

So I hope Follow will add Readability support for mathematical formulas.

image

Suggested solution

The html block format corresponding to these KaTeX-rendered formulas is as follows:

<span class="katex-display" translate="no">
    <span class="katex" translate="no">
    <!--math content-->
    </span>
</span>

Generally speaking, there are two methods for rendering formulas on web pages, one is KaTeX, and the other is MathJaX.

I hope Follow will improve its support for formula rendering. grateful!

Alternative

No response

Additional context

No response

Validations

  • [ ] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

github-actions[bot] avatar Oct 13 '24 01:10 github-actions[bot]

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿


Clear and concise description of the problem

Because sometimes I also read some science and engineering blog content. For example, my page contains many mathematical formulas, all generated by KaTeX.

image

So I hope Follow will add Readability support for mathematical formulas.

image

Suggested solution

The html block format corresponding to these KaTeX-rendered formulas is as follows:

<span class="katex-display" translate="no">
    <span class="katex" translate="no">
    <!--math content-->
    </span>
</span>

Generally speaking, there are two methods for rendering formulas on web pages, one is KaTeX, and the other is MathJaX.

I hope Follow will improve its support for formula rendering. grateful!

Alternative

No response

Additional context

No response

Validations

  • [x] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

github-actions[bot] avatar Oct 13 '24 01:10 github-actions[bot]

image

对于MathJax 渲染的公式SVG图形,也不能正常显示。

image

以下是RSS地址: https://nextjs-lexical-blog-demo.vercel.app/rss.xml https://dreams.plus/rss.xml

PrinOrange avatar Oct 13 '24 11:10 PrinOrange

Bot detected the issue body's language is not English, translate it automatically. 👯👭🏻🧑‍🤝‍🧑👫🧑🏿‍🤝‍🧑🏻👩🏾‍🤝‍👨🏿👬🏿


image

Formula SVG graphics rendered by MathJax cannot be displayed normally.

image

The following is the RSS address: https://nextjs-lexical-blog-demo.vercel.app/rss.xml https://dreams.plus/rss.xml

github-actions[bot] avatar Oct 13 '24 11:10 github-actions[bot]

Now support katex render in readability

CleanShot 2024-10-14 at 4  35 32@2x

Innei avatar Oct 14 '24 08:10 Innei