Skip to content
esetera edited this page Aug 17, 2011 · 17 revisions

You can easily embed your etherpad-lite into any webpage by using the embed tag provided. You can find this in the etherpad-lite toolbar when the application is up and running. Click on the icon that looks like this '</>' and you will see some code similar to this:

<iframe src='http://www.someurl.net:9001/p/123' width=600 height=400>

If you cut and paste this into any webpage (between the body tags) then etherpad-lite will 'magically' appear. You will also need to close this code with </iframe> or else your page might have unpredictable rendering issues.

In addition to this it is possible to customise the embedded pad by appending parameters to the url like so:

<iframe src='http://www.someurl.net:9001/p/123?showChat=false&userName=CharliePatton&showLineNumbers=false' width=600 height=400></iframe>

The above code will hide the chat AND the line numbers and force the user to be 'Charlie Patton'. Other parameters include:

  • showControls : false/true
  • showChat : false/true
  • useMonospaceFont : false/true

General

Resources

For Developers

How to's

Set up

Advanced steps

Integrating Etherpad in your web app

for Developers

Clone this wiki locally