tinymce-accessible-links-plugin/index.html at main · YRA-Tech/tinymce-accessible-links-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
<!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 Links 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>
        <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>
    <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-links': 'https://wittjeff.github.io/tinymce-accessible-links-plugin/a11y-links.min.js'
      },
      toolbar: 'link language a11y-links',
      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>