Using Etherpad - a collaborative text editor, in Drupal

Etherpad - a collaborative text editor

What is Etherpad?

Etherpad allows you to edit documents collaboratively in real-time, much like a live multiplayer editor e.g Google Docs that runs in your browser. Write articles, press releases, etc. together with your friends, fellow students or colleagues, all working on the same node at the same time. Write articles, press releases, etc. together with your friends, fellow students or colleagues, all working on the same node at the same time. All instances provide access to all data through a well-documented API and support import/export to many major data exchange formats. And there are tons of plugins that allow you to customize your instance to suit your needs.

 

Why Etherpad?

There are a number of reasons to use Etherpad, some of them are as follow

  1. Allow real-time collaborative editing
  2. Live Chat with people who are editing
  3. Rich text editor
  4. Open Source
  5. Easy to use
  6. In-build Admin Panel
  7. Support for the plugin to add different functionalities
  8. Support for the theme to give text-editor a new look
  9. Support for API to use it anywhere

 

How to use Etherpad on Drupal?

  1. Install Drupal 7.x
  2. Install Etherpad
  3. Login to Drupal as an administrator. From the main menu go to "Modules" and click "Install new module", and install Libraries APIWysiwyg and Etherpad Integration module. After installing, enable them.
  4. On root directory of Etherpad you installed in step 2, you will find APIKEY.txt inside which you will find your Etherpad API Key. Goto http://your-drupal-site.com/?q=admin/config/content/etherpad-lite and enter your URL on which Etherpad is running (by default: http://localhost:9001) and your API Key.
  5.  Goto http://your-drupal-site.com/?q=admin/config/content/wysiwyg select editor profile "Full HTML", editor "Etherpad" and select "Create Profile". Also, add editor profile "Filtered HTML", editor "Etherpad" and select "Create Profile".

Now your Drupal site is ready to use Edterpad.
If you want to remove the default text of text-editor then goto root directory of Etherpad which you had installed in step 2, edit settings.json and change the line containing "defaultPadText" : "Welcome ..." to "defaultPadText" : "" 

 

Demo?

URL: http://35.200.164.86/d7/

User 1 credentials:
Username: anantjain60
Password: account60

User 2 credentials:
Username: testUser
Password: account60