Best Period Picker

jQuery Etherpad version 1.0.1

103

jQuery plugin for embedding Etherpad

Usage & Examples

Include jQuery.js, include etherpad.js, assign a pad to a div. If you get confused look at the examples in index.html

Sets the pad id and puts the pad in the div

$('#examplePadBasic').pad({'padId':'test'});

Sets the pad id, some more parameters and puts the pad in the div

$('#examplePadBasic').pad({'padId':'test','showChat':'true'});

Gets the padContents from Example #2 and writes it to the target div "exampleGetContents"

$('#examplePadBasic').pad({'getContents':'exampleGetContents'});

Available options and parameters

'host'             : 'http://beta.etherpad.org', // the host and port of the Etherpad instance, by default the foundation will host your pads for you
'baseUrl'          : '/p/', // The base URL of the pads
'showControls'     : false, // If you want to show controls IE bold, italic, etc.
'showChat'         : false, // If you want to show the chat button or not
'showLineNumbers'  : false, // If you want to show the line numbers or not
'userName'         : 'unnamed', // The username you want to pass to the pad
'useMonospaceFont' : false, // Use monospaced fonts
'noColors'         : false, // Disable background colors on author text
'userColor'        : false, // The background color of this authors text in hex format IE #000
'hideQRCode'       : false, // Hide QR code
'alwaysShowChat'   : false, // Always show the chat on the UI
'width'            : 100, // The width of the embedded IFrame
'height'           : 100,  // The height of the embedded IFrame
'border'           : 0,    // The width of the border (make sure to append px to a numerical value)
'borderStyle'      : 'solid', // The CSS style of the border    [none, dotted, dashed, solid, double, groove, ridge, inset, outset]
'rtl'              : false // Show text from right to left

Tags



Changelog

20 Jan 2013 version 1.0.1
  • Update etherpad.jquery.json
  • Update etherpad.jquery.json

Similar plugins

imgcolr grabs image color

imgcolr is a plugin for grabbing the dominant color of a given image's borders. By using it, you...

Pick-a-Color

an easy-to-use jQuery color picker for Twitter Bootstrap.

colpick Color Picker

Simple lightweight Photoshop-like color picker, now with touch

...

Iris Color Picker

A(n awesome) Color Picker. Used by WordPress.

SmallColorPicker

Minimalistic jQuery color picker with color wheel and numeric input modes.

jQuery PickSlide

Another HSL(A) / RGB(A) Colorpicker jQuery Plugin

Spectrum Colorpicker

The No Hassle jQuery Colorpicker

jQuery Color

jQuery plugin for color manipulation and animation support.

Input Color Shifter

inputColorShift is a jQuery plugin for dynamically adding a character counter and a color-changing...

jQuery Colorwheel

Resizable and scalable color wheel (color chooser) plugin for jQuery.

jQuery Colorselector

A color picker that allows users to pick a color from a set of predefined colors.

Chameleon

Easy get and use colors from image.

PhotoJShop

A JavaScript library for photo editing using the canvas, aiming to reproduce most usual filters.

jQuery Colorimazer

jQuery plugin for color manipulation on images.

jQuery Tancolor

A jQuery plugin that processes image using filter algorithm.

Syntax Highlighter

jQuery plugin for highlighting syntax in code blocks.

jQuery Random Colors

Apply a random RGB value to elements.

jQuery tigefa

jQuery plugin for color, effect manipulation and animation support.

pick.js

Pick things with ease.

jIzzy

jQuery plugin for multimedia control, as well as many other useful features.
comments powered by Disqus