-
-
Notifications
You must be signed in to change notification settings - Fork 614
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
15 changed files
with
1,021 additions
and
24 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,87 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <title>Speech recognition plugin | Trumbowyg</title> | ||
| <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400' rel='stylesheet' type='text/css'> | ||
| <link rel="stylesheet" href="../../css/main.css"> | ||
| </head> | ||
| <body class="documentation-body"> | ||
| <div class="main main-demo-inner"> | ||
| <section class="wrapper section"> | ||
| <h2 class="section-title">Speech recognition plugin</h2> | ||
|
|
||
| <div class="feature"> | ||
| <h3>Basic usage</h3> | ||
| <p> | ||
| This plugins allow you to enter text via speech recognition in Trumbowyg. Suddenly it does not work with Firefox which has not implemented the Web Speech API yet. | ||
| </p> | ||
|
|
||
| <a href="../../documentation/plugins/#plugin-speechrecognition" class="button button-demo">Read speech recognition plugin documentation</a> | ||
|
|
||
| <div id="editor"></div> | ||
|
|
||
| <h4>The code</h4> | ||
| <pre><code class="js-code-to-eval javascript"> | ||
| $('#editor') | ||
| .trumbowyg({ | ||
| btns: [ | ||
| ['speechrecognition'] | ||
| ] | ||
| }); | ||
| </code></pre> | ||
| </div> | ||
|
|
||
| <div class="feature"> | ||
| <h3>Language setting</h3> | ||
|
|
||
| <div id="editor-settings-lang"></div> | ||
|
|
||
| <h4>The code</h4> | ||
| <pre><code class="js-code-to-eval javascript"> | ||
| $('#editor-settings-lang') | ||
| .trumbowyg({ | ||
| btns: [ | ||
| ['speechrecognition'] | ||
| ], | ||
| plugins: { | ||
| speechrecognition: { | ||
| lang: 'de-DE' | ||
| } | ||
| } | ||
| }); | ||
| </code></pre> | ||
| </div> | ||
|
|
||
| <div class="feature"> | ||
| <h3>Setup</h3> | ||
|
|
||
| <h4>In head tag</h4> | ||
| <pre><code class="html loading-head"> | ||
| </code></pre> | ||
| <h4>At the end of body</h4> | ||
| <pre><code class="html loading-body"> | ||
| <!-- Import jQuery --> | ||
| <script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | ||
| <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.3.1.min.js"><\/script>')</script> | ||
| </code></pre> | ||
| </div> | ||
| </section> | ||
| </div> | ||
|
|
||
|
|
||
| <!-- Import jQuery --> | ||
| <script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | ||
| <script>window.jQuery || document.write('<script src="../../js/vendor/jquery-3.3.1.min.js"><\/script>')</script> | ||
|
|
||
| <!-- DO NOT COPY THESE LINES IN YOUR PROJECT, THEY ARE THERE JUST FOR THE EXAMPLE PAGE PURPOSE --> | ||
| <script src="../js/loader.js"></script> | ||
| <script> | ||
| loadStyle('dist/ui/trumbowyg.min.css'); | ||
| loadScript('dist/trumbowyg.min.js', 'Import Trumbowyg'); | ||
| loadScript('dist/plugins/speechrecognition/trumbowyg.speechrecognition.min.js', 'Import all plugins you want AFTER importing jQuery and Trumbowyg'); | ||
| </script> | ||
| <script src="../js/runExampleCode.js"></script> | ||
| <script src="../js/highlight.js"></script> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,78 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="UTF-8"> | ||
| <title>Tenor plugin | Trumbowyg</title> | ||
| <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400' rel='stylesheet' type='text/css'> | ||
| <link rel="stylesheet" href="../../css/main.css"> | ||
| </head> | ||
| <body class="documentation-body"> | ||
| <div class="main main-demo-inner"> | ||
| <section class="wrapper section"> | ||
| <h2 class="section-title">Tenor plugin</h2> | ||
|
|
||
| <div class="feature"> | ||
| <h3>Basic usage</h3> | ||
| <p> | ||
| User can insert some GIFs from Tenor in Trumbowyg. | ||
| </p> | ||
|
|
||
| <a href="../../documentation/plugins/#plugin-tenor" class="button button-demo">Read Tenor plugin documentation</a> | ||
|
|
||
| <div id="editor"> | ||
| <h2>Insert some GIFs</h2> | ||
| <p> | ||
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Possimus, aliquam, minima fugiat placeat provident | ||
| optio nam reiciendis eius beatae quibusdam! | ||
| </p> | ||
| </div> | ||
|
|
||
| <h4>The code</h4> | ||
| <pre><code class="js-code-to-eval javascript"> | ||
| $('#editor') | ||
| .trumbowyg({ | ||
| btns: [ | ||
| ['tenor'] | ||
| ], | ||
| plugins: { | ||
| tenor: { | ||
| apiKey: 'AIzaSyDSkXpGdEiI0OrQO9xZKbvTAvekZhmXW3c' | ||
| } | ||
| } | ||
| }); | ||
| </code></pre> | ||
| </div> | ||
|
|
||
| <div class="feature"> | ||
| <h3>Setup</h3> | ||
|
|
||
| <h4>In head tag</h4> | ||
| <pre><code class="html loading-head"> | ||
| </code></pre> | ||
| <h4>At the end of body</h4> | ||
| <pre><code class="html loading-body"> | ||
| <!-- Import jQuery --> | ||
| <script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | ||
| <script>window.jQuery || document.write('<script src="js/vendor/jquery-3.3.1.min.js"><\/script>')</script> | ||
| </code></pre> | ||
| </div> | ||
| </section> | ||
| </div> | ||
|
|
||
|
|
||
| <!-- Import jQuery --> | ||
| <script src="//ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> | ||
| <script>window.jQuery || document.write('<script src="../../js/vendor/jquery-3.3.1.min.js"><\/script>')</script> | ||
|
|
||
| <!-- DO NOT COPY THESE LINES IN YOUR PROJECT, THEY ARE THERE JUST FOR THE EXAMPLE PAGE PURPOSE --> | ||
| <script src="../js/loader.js"></script> | ||
| <script> | ||
| loadStyle('dist/ui/trumbowyg.min.css'); | ||
| loadStyle('dist/plugins/tenor/ui/trumbowyg.tenor.min.css', 'Import Tenor plugin specific stylesheet'); | ||
| loadScript('dist/trumbowyg.min.js', 'Import Trumbowyg'); | ||
| loadScript('dist/plugins/tenor/trumbowyg.tenor.min.js', 'Import all plugins you want AFTER importing jQuery and Trumbowyg'); | ||
| </script> | ||
| <script src="../js/runExampleCode.js"></script> | ||
| <script src="../js/highlight.js"></script> | ||
| </body> | ||
| </html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.