diff options
| author | Ismaël Bouya <ismael.bouya@normalesup.org> | 2017-12-04 18:46:08 +0100 |
|---|---|---|
| committer | Ismaël Bouya <ismael.bouya@normalesup.org> | 2017-12-04 18:46:08 +0100 |
| commit | 9946db9daaa76448d0e43247472cdedd2a5ea22a (patch) | |
| tree | c9de3eba90b0fa47a4c567681deb7f0a6ab5b383 /sources/plugins/Audio/docs | |
| parent | 317f8f8f0651488f226b5280a8f036c7c135c639 (diff) | |
| download | piedsjaloux-ckeditor-component-master.tar.gz piedsjaloux-ckeditor-component-master.tar.zst piedsjaloux-ckeditor-component-master.zip | |
Diffstat (limited to 'sources/plugins/Audio/docs')
| -rw-r--r-- | sources/plugins/Audio/docs/install.html | 69 | ||||
| -rw-r--r-- | sources/plugins/Audio/docs/styles.css | 67 |
2 files changed, 0 insertions, 136 deletions
diff --git a/sources/plugins/Audio/docs/install.html b/sources/plugins/Audio/docs/install.html deleted file mode 100644 index 3fbf30e..0000000 --- a/sources/plugins/Audio/docs/install.html +++ /dev/null | |||
| @@ -1,69 +0,0 @@ | |||
| 1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" | ||
| 2 | "http://www.w3.org/TR/html4/loose.dtd"> | ||
| 3 | <html lang="en"> | ||
| 4 | <head> | ||
| 5 | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
| 6 | <title>Audio plugin</title> | ||
| 7 | <link href="styles.css" rel="stylesheet" type="text/css"> | ||
| 8 | </head> | ||
| 9 | |||
| 10 | <body> | ||
| 11 | <h1>Audio Plugin for CKEditor</h1> | ||
| 12 | |||
| 13 | <h2>Introduction</h2> | ||
| 14 | <p>This is a plugin to create HTML5 <audio> elements in <a href="http://www.ckeditor.com">CKEditor</a>.</p> | ||
| 15 | <h3>Version history: </h3> | ||
| 16 | <ol> | ||
| 17 | <li>1.0: 10-July-2015. First version.</li> | ||
| 18 | </ol> | ||
| 19 | |||
| 20 | <h2>Installation</h2> | ||
| 21 | <h3>1. Copying the files</h3> | ||
| 22 | <p>Extract the contents of the zip in you plugins directory, so it ends up like | ||
| 23 | this<br> | ||
| 24 | <!--<img src="installation.png" alt="Screenshot of installation" width="311" height="346" longdesc="#install">--> | ||
| 25 | </p> | ||
| 26 | <pre id="--install"> | ||
| 27 | ckeditor\ | ||
| 28 | ... | ||
| 29 | images\ | ||
| 30 | lang\ | ||
| 31 | plugins\ | ||
| 32 | ... | ||
| 33 | audio\ | ||
| 34 | plugin.js | ||
| 35 | dialogs\ | ||
| 36 | audio.js | ||
| 37 | docs\ | ||
| 38 | install.html | ||
| 39 | images\ | ||
| 40 | icon.png | ||
| 41 | placeholder.png | ||
| 42 | ... | ||
| 43 | skins\ | ||
| 44 | themes\ | ||
| 45 | </pre> | ||
| 46 | <h3>2. Adding it to CKEditor</h3> | ||
| 47 | <p>Now add the plugin in your <em>config.js</em> or custom js configuration | ||
| 48 | file: | ||
| 49 | <code>config.extraPlugins='audio'; </code> | ||
| 50 | </p> | ||
| 51 | |||
| 52 | <h3>3. Add it to your toolbar</h3> | ||
| 53 | <p>In your toolbar configuration, add a new 'Audio' item in the place where you want the button to show up.</p> | ||
| 54 | |||
| 55 | <h3>4. Configure server browser for audio</h3> | ||
| 56 | <p>You can use the <code>config.filebrowserAudioBrowseUrl</code> entry to specify a url so the file browser shows just audio elements (as long as your configure properly your file browser).</p> | ||
| 57 | |||
| 58 | <h3>5. Use it</h3> | ||
| 59 | <p>Now empty the cache of your browser and reload the editor, the new button should show up and you can add <audio> elements into the content.</p> | ||
| 60 | |||
| 61 | <h2>Final notes</h2> | ||
| 62 | <p>Please, note that only newer browsers support the Audio element, in older ones a simple text linking to the source audios is provided, you might want to | ||
| 63 | use some javascript or css to customize the final behavior of these elements.</p> | ||
| 64 | |||
| 65 | |||
| 66 | <h2>Disclaimers</h2> | ||
| 67 | <p>CKEditor is © CKSource.com</p> | ||
| 68 | </body> | ||
| 69 | </html> | ||
diff --git a/sources/plugins/Audio/docs/styles.css b/sources/plugins/Audio/docs/styles.css deleted file mode 100644 index 5eba91e..0000000 --- a/sources/plugins/Audio/docs/styles.css +++ /dev/null | |||
| @@ -1,67 +0,0 @@ | |||
| 1 | body { | ||
| 2 | font-family: Arial, Helvetica, sans-serif; | ||
| 3 | font-size: 90%; | ||
| 4 | } | ||
| 5 | h1 { | ||
| 6 | text-align:center; | ||
| 7 | font-size:180%; | ||
| 8 | } | ||
| 9 | h2 { | ||
| 10 | border-bottom:2px solid #CCC; | ||
| 11 | margin:1em 0 0.4em 0; | ||
| 12 | } | ||
| 13 | h3 { | ||
| 14 | margin-bottom:0.4em; | ||
| 15 | } | ||
| 16 | p { | ||
| 17 | margin:0 0 1em 1em; | ||
| 18 | text-align:justify; | ||
| 19 | } | ||
| 20 | ol { | ||
| 21 | margin:0 0 1.2em 1em; | ||
| 22 | padding:0; | ||
| 23 | list-style-type:none; | ||
| 24 | } | ||
| 25 | ol li { | ||
| 26 | margin:0.2em 0; | ||
| 27 | } | ||
| 28 | pre { | ||
| 29 | font-size:100%; | ||
| 30 | font-family:"Courier New", Courier, mono; | ||
| 31 | background-color: #CCCCCC; | ||
| 32 | border:1px solid #999; | ||
| 33 | padding:0.2em 1em; | ||
| 34 | margin: 0.4em 0; | ||
| 35 | display:block; | ||
| 36 | white-space: pre; | ||
| 37 | overflow: auto; | ||
| 38 | } | ||
| 39 | code { | ||
| 40 | font-size:100%; | ||
| 41 | font-family:"Courier New", Courier, mono; | ||
| 42 | background-color: #CCCCCC; | ||
| 43 | border:1px solid #999; | ||
| 44 | padding:0.2em; | ||
| 45 | white-space: pre; | ||
| 46 | } | ||
| 47 | form { | ||
| 48 | margin:0 0 0 1em; | ||
| 49 | } | ||
| 50 | span.key { | ||
| 51 | color: #006600; | ||
| 52 | } | ||
| 53 | #install { | ||
| 54 | display:none | ||
| 55 | } | ||
| 56 | #languages ul { | ||
| 57 | display:inline; | ||
| 58 | list-style-type:none; | ||
| 59 | margin:0; | ||
| 60 | padding:0; | ||
| 61 | } | ||
| 62 | #languages li { | ||
| 63 | display:inline; | ||
| 64 | margin:0; | ||
| 65 | padding:0; | ||
| 66 | vertical-align:bottom; | ||
| 67 | } | ||