View
 

HTML and Javascript

Home
My PBworks
Workspaces
Pages
Creating Pages
Document Import
Editing Pages
Linking Pages
Adding Images
Editor Right Panel
Using Plugins
Describe Your Changes

PBworks Editor

Standard Text Formatting
Indentation
Clipboard Functions
Tables
Text Color
Bullets and Numbering
Alignment of Text
Insert Menu
Table of Contents
YouTube Video
oEmbed Video
Upload a Video
HTML and Javascript
Equation
Footnote
Google Gadget
RSS Feed
Twitter Widget
TeacherTube Video
Include Another Page
Recent Visitors
# of Visitors
Skype
Voki Speaking Avatar
Add Link
Font Formatting
Spell Check
Horizontal Rule
Remove Formatting
Source Editing Mode
Full Screen Editing
Cropping Images
Page History
Sharing Pages
Deleting Pages
Copy this Page
Page Security
Moving Pages
Printable Version
Navigator
Files
Tags
Comments
Notifications
Users
Workspace Settings
Searching
Upgrading
Administrative Functions
Billing
Security note: Only Administrators of workspaces can put Javascript into a page.  Javascript in pages raises significant security concerns, and so only users with Administrator privileges are allowed to add Javascript to a page.  

 

HTML and Javascript can be pasted into your workspace page, but it should only be inserted via the "HTML/Javascript" plugin.  The Source editor of PBworks is fine for making small changes and tweaks to the HTML code, but for security reasons, it is heavily filtered.  So, the code you put into the Source editor may be stripped out when you save the page.

 

However, code that Administrators of workspaces insert into the HTML/Javascript plugin has no filter.  Only Administrators of the workspace can insert both HTML and Javascript code, while Writers, Editors, and Page-Level Only users with Writer or Editor privileges can insert only HTML. 

 

Follow these steps to insert your own HTML:

 

  1. Click on “Insert” button in the editor toolbar, and choose the "HTML/Javascript" plugin:



  2. In the field provided, paste in the HTML code you wish to use.  Depending on the permission level you have, the window may look slightly different.  Here's how the windows are different for the different kinds of user:



    For Administrators,  there's an option that must be checked in order to allow Javascript within the box to be run.  If the script is not running properly, please make sure that the "Allow Javascript and other potentially unsafe code" checkbox is checked on the plugin.  This is not required if there is no Javascript in the code.



    Note: If you're not an Administrator, you will not see the option to allow Javascript, because you don't have sufficient permission to add it.  Only Administrators can add Javascript code to a workspace page.

     

    If a Writer or Editor tries to put in Javascript code, they will see this warning.  This indicates that if you save the plugin as-is, the Javascript code will be stripped out and not function properly.


     

  3. Once you've put in your code, click the "Next" button and the window will illustrate how the HTML plugin will look in the editing window (not as it will appear on the published workspace page). 




  4.  Click the Insert Plugin button, and then Save the workspace page.

 


 

What does the Source button do?

To edit the HTML code of a page, editors can click the "Source" button to enter source editing mode.  Although this does give you the opportunity to change some of the options in the HTML code in your PBworks Page, it is not recommended to use the source editing mode to embed anything into your PBworks page.  Use the HTML plugin described above to embed widgets, customized HTML, and Javascript.