1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374 |
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
- "http://www.w3.org/TR/html4/loose.dtd">
- <html lang="en">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>Audio plugin</title>
- <link href="styles.css" rel="stylesheet" type="text/css">
- </head>
- <body>
- <h1>Audio Plugin for CKEditor</h1>
- <h2>Introduction</h2>
- <p>This is a plugin to create HTML5 <audio> elements in <a href="http://www.ckeditor.com">CKEditor</a>.</p>
- <h3 id="contact">Author:</h3>
- <p><a href="https://www.beeznest.com">BeezNest Latino S.A.C</a></p>
- <h3>Version history: </h3>
- <ol>
- <li>1.0: 14-November-2014. First version.</li>
- </ol>
- <h2>Installation</h2>
- <h3>1. Copying the files</h3>
- <p>Extract the contents of the zip in you plugins directory, so it ends up like
- this<br>
- </p>
- <pre id="--install">
- ckeditor\
- ...
- images\
- lang\
- plugins\
- ...
- audio\
- plugin.js
- dialogs\
- audio.js
- docs\
- install.html
- styles.css
- images\
- icon.png
- placeholder.png
- ...
- skins\
- themes\
- </pre>
- <h3>2. Adding it to CKEditor</h3>
- <p>Now add the plugin in your <em>config.js</em> or custom js configuration
- file:
- <code>config.extraPlugins='audio'; </code>
- </p>
- <h3>3. Add it to your toolbar</h3>
- <p>In your toolbar configuration, add a new 'Audio' item in the place where you want the button to show up.</p>
- <h3>4. Configure server browser for video</h3>
- <p>You can use the <code>config.filebrowserVideoBrowseUrl</code> entry to specify a url so the file browser shows just audio elements (as long as your configure properly your file browser).</p>
- <h3>5. Use it</h3>
- <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>
- <h2>Final notes</h2>
- <p>This plugin has been coded for CKEditor 4.4.5. It might be possible to backport it for older versions, but I don't think that it's worth the effort as sooner
- or later those installs will (or should) be upgraded to the current version.</p>
- <p>Please, note that only newer browsers support the Audio element, in older ones a simple text linking to the source videos is provided, you might want to
- use some javascript or css to customize the final behavior of these elements.</p>
- <h2>Disclaimers</h2>
- <p>CKEditor is © CKSource.com</p>
- </body>
- </html>
|