tinymce-accessible-headings-plugin/index.html at main · YRA-Tech/tinymce-accessible-headings-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
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!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 Links Plugin Test</title>
    <script src="https://cdn.tiny.cloud/1/obdwhiqr9nq558xl85q85dzbkavyy6d0oyqabadnqa8t4og4/tinymce/7/tinymce.min.js" referrerpolicy="origin"></script>
</head>
<body>
  <h1>TinyMCE Accessible Headings Plugin Test</h1>
    <textarea id="myOneEditor" class="tinymce">
      <h1>This is the firt main heading</h1>
        <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>
        <a href="https://github.com/wittjjeff/tinymce-accessible-footnotes-plugin">https://github.com/wittjjeff/tinymce-accessible-footnotes-plugin</a>
    <br>

    <a href="file:///C:/Users/Abdul%20Rehman/Downloads/pdfcoffee.com_building-browser-extensions-pdf-free.pdf">file:///C:/Users/Abdul%20Rehman/Downloads/pdfcoffee.com_building-browser-extensions-pdf-free.pdf</a>
    <br>
<h3>This is an H3, which skipped H2. Generally Not Ideal!</h3>
<h1>This is the second main heading, which doesn't really make sense, right?</h1>
    <a href="https://github.com/gdkraus/color-contrast-chrome">https://github.com/gdkraus/color-contrast-chrome</a>
    <br>
    <a href="https://www.tiny.cloud/docs/tinymce/latest/yeoman-generator/">https://www.tiny.cloud/docs/tinymce/latest/yeoman-generator/</a>
    <br>
    <a href="https://stackoverflow.com/questions/72596908/could-not-resolve-dependency-error-peer-react16-8-0-17-0-0-from-materia">https://stackoverflow.com/questions/72596908/could-not-resolve-dependency-error-peer-react16-8-0-17-0-0-from-materia</a>
    <br>
    <a href="https://www.ducati.com/ca/en/bikes/panigale/panigale-v2">https://www.ducati.com/ca/en/bikes/panigale/panigale-v2</a>
    </textarea>

  <script>
    tinymce.init({
      selector: 'textarea#myOneEditor',
      plugins: 'link',
      external_plugins: {
          'a11y-headings': 'https://wittjeff.github.io/tinymce-accessible-headings-plugin/a11y-headings.min.js'
      },
      toolbar: 'link language a11y-headings',
      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>