jQuery Etherpad version 1.0.1
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...
Input Color Shifter
inputColorShift is a jQuery plugin for dynamically adding a character counter and a color-changing...
jQuery Colorselector
A color picker that allows users to pick a color from a set of predefined colors.
PhotoJShop
A JavaScript library for photo editing using the canvas, aiming to reproduce most usual filters.