diff options
author | Ismaël Bouya <ismael.bouya@normalesup.org> | 2017-12-04 17:54:04 +0100 |
---|---|---|
committer | Ismaël Bouya <ismael.bouya@normalesup.org> | 2017-12-04 17:54:04 +0100 |
commit | 317f8f8f0651488f226b5280a8f036c7c135c639 (patch) | |
tree | 97bd4889ab2822a00d4b0f0d5cde38b59f9f41de /release/plugins/Audio/docs | |
parent | 1096cdefb1c9a3f3c4ca6807e272da6c92e5ed9c (diff) | |
download | piedsjaloux-ckeditor-component-317f8f8f0651488f226b5280a8f036c7c135c639.tar.gz piedsjaloux-ckeditor-component-317f8f8f0651488f226b5280a8f036c7c135c639.tar.zst piedsjaloux-ckeditor-component-317f8f8f0651488f226b5280a8f036c7c135c639.zip |
Add oembed4.7.3
Diffstat (limited to 'release/plugins/Audio/docs')
-rw-r--r-- | release/plugins/Audio/docs/install.html | 69 | ||||
-rw-r--r-- | release/plugins/Audio/docs/styles.css | 67 |
2 files changed, 136 insertions, 0 deletions
diff --git a/release/plugins/Audio/docs/install.html b/release/plugins/Audio/docs/install.html new file mode 100644 index 0000000..3fbf30e --- /dev/null +++ b/release/plugins/Audio/docs/install.html | |||
@@ -0,0 +1,69 @@ | |||
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/release/plugins/Audio/docs/styles.css b/release/plugins/Audio/docs/styles.css new file mode 100644 index 0000000..5eba91e --- /dev/null +++ b/release/plugins/Audio/docs/styles.css | |||
@@ -0,0 +1,67 @@ | |||
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 | } | ||