tinymce-accessible-footnotes-plugin/index.html at main · YRA-Tech/tinymce-accessible-footnotes-plugin · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>TinyMCE Accessible Footnotes Plugin Test</title>
    <script src="https://cdn.tiny.cloud/1/obdwhiqr9nq558xl85q85dzbkavyy6d0oyqabadnqa8t4og4/tinymce/7/tinymce.min.js" referrerpolicy="origin"></script>
</head>
<body>
    <h1>TinyMCE Accessible Footnotes Plugin Test</h1>
    <textarea id="myOneEditor" class="tinymce">
        <p>Lobortis potenti urna leo gravida porttitor curae proin placerat tempus consequat lorem, sem dictumst imperdiet mattis velit congue maximus lectus egestas per orci, posuere dis semper varius ante senectus quisque pretium vivamus fringilla.</p>
    </textarea>

  <script>
    tinymce.init({
      selector: 'textarea#myOneEditor',
      plugins: 'link',
      external_plugins: {
          'a11y-footnotes': 'https://wittjeff.github.io/tinymce-accessible-footnotes-plugin/a11y-footnotes.min.js'
      },
      toolbar: 'link a11y-footnotes language',
      content_style: 'body { font-family:Helvetica,Arial,sans-serif; font-size:16px }',
      content_langs: [
        { title: 'English', code: 'en' },
        { title: 'Spanish', code: 'es' },
        { title: 'French', code: 'fr' },
        { title: 'German', code: 'de' },
      ]
    });

  </script>
</body>
</html>