X-Git-Url: https://git.immae.eu/?p=perso%2FImmae%2FProjets%2Fpackagist%2Fpiedsjaloux-ckeditor-component.git;a=blobdiff_plain;f=release%2Fplugins%2FAudio%2Fdocs%2Finstall.html;fp=release%2Fplugins%2FAudio%2Fdocs%2Finstall.html;h=3fbf30e655282129534bceea59cad8a220828ab7;hp=0000000000000000000000000000000000000000;hb=317f8f8f0651488f226b5280a8f036c7c135c639;hpb=1096cdefb1c9a3f3c4ca6807e272da6c92e5ed9c 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 @@ + + + + +Audio plugin + + + + +

Audio Plugin for CKEditor

+ +

Introduction

This is a plugin to create HTML5 <audio> elements in CKEditor.

Version history:

1.0: 10-July-2015. First version.

+ +

Installation

1. Copying the files

Extract the contents of the zip in you plugins directory, so it ends up like + this
+ +

+ckeditor\
+	...
+	images\
+	lang\
+	plugins\
+		...
+		audio\
+			plugin.js
+			dialogs\
+				audio.js
+			docs\
+				install.html
+			images\
+				icon.png
+				placeholder.png
+		...
+	skins\
+	themes\
+

2. Adding it to CKEditor

Now add the plugin in your config.js or custom js configuration +file: +config.extraPlugins='audio'; +

+ +

3. Add it to your toolbar

In your toolbar configuration, add a new 'Audio' item in the place where you want the button to show up.

+ +

4. Configure server browser for audio

You can use the config.filebrowserAudioBrowseUrl entry to specify a url so the file browser shows just audio elements (as long as your configure properly your file browser).

+ +

5. Use it

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.

+ +

Final notes

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 +use some javascript or css to customize the final behavior of these elements.

+ + +

Disclaimers

+ +