From 317f8f8f0651488f226b5280a8f036c7c135c639 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Isma=C3=ABl=20Bouya?= Date: Mon, 4 Dec 2017 17:54:04 +0100 Subject: Add oembed --- sources/plugins/Audio/docs/install.html | 69 +++++++++++++++++++++++++++++++++ sources/plugins/Audio/docs/styles.css | 67 ++++++++++++++++++++++++++++++++ 2 files changed, 136 insertions(+) create mode 100644 sources/plugins/Audio/docs/install.html create mode 100644 sources/plugins/Audio/docs/styles.css (limited to 'sources/plugins/Audio/docs') diff --git a/sources/plugins/Audio/docs/install.html b/sources/plugins/Audio/docs/install.html new file mode 100644 index 0000000..3fbf30e --- /dev/null +++ b/sources/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

+ + diff --git a/sources/plugins/Audio/docs/styles.css b/sources/plugins/Audio/docs/styles.css new file mode 100644 index 0000000..5eba91e --- /dev/null +++ b/sources/plugins/Audio/docs/styles.css @@ -0,0 +1,67 @@ +body { + font-family: Arial, Helvetica, sans-serif; + font-size: 90%; +} +h1 { + text-align:center; + font-size:180%; +} +h2 { + border-bottom:2px solid #CCC; + margin:1em 0 0.4em 0; +} +h3 { + margin-bottom:0.4em; +} +p { + margin:0 0 1em 1em; + text-align:justify; +} +ol { + margin:0 0 1.2em 1em; + padding:0; + list-style-type:none; +} +ol li { + margin:0.2em 0; +} +pre { + font-size:100%; + font-family:"Courier New", Courier, mono; + background-color: #CCCCCC; + border:1px solid #999; + padding:0.2em 1em; + margin: 0.4em 0; + display:block; + white-space: pre; + overflow: auto; +} +code { + font-size:100%; + font-family:"Courier New", Courier, mono; + background-color: #CCCCCC; + border:1px solid #999; + padding:0.2em; + white-space: pre; +} +form { + margin:0 0 0 1em; +} +span.key { + color: #006600; +} +#install { + display:none +} +#languages ul { + display:inline; + list-style-type:none; + margin:0; + padding:0; +} +#languages li { + display:inline; + margin:0; + padding:0; + vertical-align:bottom; +} -- cgit v1.2.3