latexcheck/index.html at main · dainiak/latexcheck · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <meta name="author" content="Alex Dainiak">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="Online LaTeX linter: check LaTeX code for style errors.">

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/css/bootstrap.min.css" integrity="sha512-jnSuA4Ss2PkkikSOLtYs8BlYIeeIK1h99ty4YfvRPAlzr377vr3CXDb7sb7eEEBYjDtcYj+AjBH3FLv5uSJuXg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link href="css/main.css" rel="stylesheet">

    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.bundle.min.js" integrity="sha512-7Pi/otdlbbCR+LnW+F7PwFcSDJOuUJB3OxtEHbg4vSMvzvJjde4Po1v4BR9Gdc9aXNUNFVUY+SK51wWT8WF0Gg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.36.4/ace.min.js" integrity="sha512-9xNuS6O4ZXZdCVDekkW4ApP8MfH2SCyK7Wsd4g0l3KDmbNld2vsozYGY6kQup0VKB0iT89cLj/DiRSV7WjfUaw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>


    <script type="text/javascript" >
        window.MathJax = {
            tex: {
                inlineMath: [['$', '$'], ['\\(', '\\)']],
                displayMath: [['$$', '$$'], ['\\[', '\\]']]
            }
        };
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.2/es5/tex-mml-chtml.min.js" integrity="sha512-6FaAxxHuKuzaGHWnV00ftWqP3luSBRSopnNAA2RvQH1fOfnF/A1wOfiUWF7cLIOFcfb1dEhXwo5VG3DAisocRw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script type="text/javascript" charset="utf-8" src="js/i18n-en.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/main.js"></script>
    <title>LaTeX style checker</title>
</head>

<body>
<div class="social-share">
    <div class="ribbon-container"><div class="ribbon"><a href="https://github.com/dainiak/latexcheck" id="githubForkLink" target="_blank">Fork me on GitHub</a></div></div>
</div>

<div class="container py-4">
    <div class="row mb-4">
        <div class="col">
            <div class="card">
                <div class="card-body">
                    <p class="mb-2">
                        \(\LaTeX\) style checker by <a rel="author" href="https://www.dainiak.com" target="_blank">Alex Dainiak</a>.
                        Russian version is <a href="index-ru.html">also available</a>.
                        For the Python-based console script version of this tool click
                        <a href="https://github.com/dainiak/latexcheck-py" target="_blank">here</a>;
                        often it produces more accurate results.
                    </p>
                    <p class="mb-0">
                        <a class="text-decoration-none" data-bs-toggle="collapse" href="#usefulResources" role="button">
                            Click here for a list of useful resources for learners and practitioners of \(\LaTeX\)
                        </a>
                    </p>
                </div>
            </div>
        </div>
    </div>

    <div class="row mb-4">
        <div class="col">
            <div class="collapse" id="usefulResources">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Guidelines on writing mathematical texts in general:</h5>
                        <ul class="mb-4">
                            <li><a href="https://faculty.math.illinois.edu/~west/grammar.html" target="_blank">Douglas B. West. <em>Grammar according to West</em></a></li>
                            <li><a href="https://www.amazon.com/How-Write-Mathematics-Norman-Steenrod/dp/0821800558" target="_blank">Paul R. Halmos. <em>How to write mathematics</em></a></li>
                        </ul>

                        <h5 class="card-title">Learning \(\LaTeX\):</h5>
                        <ul class="mb-4">
                            <li><a href="https://www.overleaf.com/learn/latex/Main_Page" target="_blank">\(\LaTeX\) tutorials on Overleaf</a></li>
                            <li>Writing in proper high-level \(\LaTeX\): <a href="https://www.ctan.org/pkg/l2tabu-english" target="_blank"><em>l2tabu</em></a></li>
                            <li>Notes on advanced math typesetting: <a href="https://en.wikibooks.org/wiki/LaTeX/Advanced_Mathematics" target="_blank">Wikibooks: LaTeX/Advanced Mathematics</a></li>
                            <li>\(\LaTeX\) Tutorial for Beginners on YouTube: <a href="https://www.youtube.com/watch?v=fCzF5gDy60g" target="_blank">here</a></li>
                            <li>Interactive MathJax/KaTeX based \(\LaTeX\) primer: <a href="https://www.dainiak.com/ilatexprimer/" target="_blank">www.ilatexprimer.com</a></li>
                            <li>\(\LaTeX\) symbol lookup: <a href="https://detexify.kirelabs.org/classify.html" target="_blank">Detexify</a> and <a href="http://www.martin-thoma.de/write-math/classify/" target="_blank">Write Math</a></li>
                        </ul>

                        <h5 class="card-title">\(\LaTeX\) linting:</h5>
                        <ul class="mb-4">
                            <li><a href="https://ctan.org/pkg/chktex" target="_blank"><em>ChkTex</em> \(\LaTeX\) source checker</a></li>
                            <li><a href="https://sylvainhalle.github.io/textidote/" target="_blank"><em>Textidote</em> correction tool for \(\LaTeX\) documents</a></li>
                            <li><a href="https://github.com/nspring/style-check" target="_blank">https://github.com/nspring/style-check</a></li>
                        </ul>

                        <h5 class="card-title">Various:</h5>
                        <ul class="mb-0">
                            <li>Quick \(\LaTeX\) in-browser preview: <a href="https://latex.js.org/playground.html" target="_blank">LaTeX.js</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row mb-4">
        <div class="col">
            <div class="card">
                <div class="card-body">
                    <label class="form-label">Paste your \(\LaTeX\) code here:</label>
                    <div class="card-text border rounded p-3" id="user_input_area"></div>
                    <div class="btn-group my-3" role="group">
                        <button class="btn btn-primary" id="btn_check">Check!</button>
                        <button class="btn btn-primary" id="btn_try_typeset">Preview</button>
                        <a class="btn btn-primary" role="button" href="https://goo.gl/forms/bsCb6TxkEA49vof52" target="_blank">Report a bug</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col">
            <div class="card">
                <div class="card-body">
                    <div class="card-text" id="result_display_area">
                        Here the results of the style check will be displayed
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>