|
|
Plugins allow the user to add content from internal or external page onto the current page.
These plugins may be anything from adding a table of contents to adding a video feed.
They enable the user to create feature and function rich wiki pages.
Insert Plugin
To insert a plugin click on the
button on the WYSIWYG editor toolbar. This will give user an option to chose the plugin from a list of plugins as shown below.
User can click on the plugin that is needed. After clicking, User will see a screen to enter values for the Plugin Data. Please refer to the Plugin details below for more details.
The different types of plugins supported by SamePage are:
- Attachment Plugin
-
<br>
<table summary="" style="border: 1px solid rgb(204, 204, 204); border-collapse: collapse; width: 50%; text-align: left; vertical-align: top;" align="baseline" cellpadding="3" cellspacing="0">
<tbody>
<tr>
<td style="border: 1px solid rgb(204, 204, 204); width: 33%; text-align: left; vertical-align: top; background-color: rgb(243, 242, 239);"><span style="font-weight: bold;">Name</span>
<br>
</td>
<td style="border: 1px solid rgb(204, 204, 204); width: 50%; text-align: left; vertical-align: top;"> Event Calendar Plugin
<br>
</td>
</tr>
<tr>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 33%; text-align: left; vertical-align: top; background-color: rgb(243, 242, 239);"><span style="font-weight: bold;">Author</span>
<br>
</td>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 50%; text-align: left; vertical-align: top;">eTouch Systems
<br>
</td>
</tr>
<tr>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 33%; text-align: left; vertical-align: top; background-color: rgb(243, 242, 239);"><span style="font-weight: bold;">Author URL</span>
<br>
</td>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 50%; text-align: left; vertical-align: top;"> <a class="external" target="_blank" href="http://www.etouch.net">http://www.etouch.net</a>
<br>
</td>
</tr>
<tr>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 33%; text-align: left; vertical-align: top; font-weight: bold; background-color: rgb(243, 242, 239);">Recent Version
</td>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 50%; text-align: left; vertical-align: top;"> 1.0
<br>
</td>
</tr>
<tr>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 33%; text-align: left; vertical-align: top; font-weight: bold; background-color: rgb(243, 242, 239);">Plugin UI Available
<br>
</td>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 50%; text-align: left; vertical-align: top;"> No
<br>
</td>
</tr>
<tr>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 33%; text-align: left; vertical-align: top; background-color: rgb(243, 242, 239);"><span style="font-weight: bold;">Enabled for Wiki</span>
<br>
</td>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 50%; text-align: left; vertical-align: top;"> Yes
<br>
</td>
</tr>
<tr>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 33%; text-align: left; vertical-align: top; background-color: rgb(243, 242, 239);"><span style="font-weight: bold;">Enabled for Blog</span>
<br>
</td>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 50%; text-align: left; vertical-align: top;"> No
<br>
</td>
</tr>
<tr>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 33%; text-align: left; vertical-align: top; background-color: rgb(243, 242, 239);"><span style="font-weight: bold;">Enabled for Hosted Instance</span>
<br>
</td>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 50%; text-align: left; vertical-align: top;"> Yes
<br>
</td>
</tr>
<tr>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 33%; text-align: left; vertical-align: top; background-color: rgb(243, 242, 239);"><span style="font-weight: bold;">MacroId</span>
<br>
</td>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 50%; text-align: left; vertical-align: top;">
$cal<br>
</td>
</tr>
<tr>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 33%; text-align: left; vertical-align: top; background-color: rgb(243, 242, 239);"><span style="font-weight: bold;">Download Jar</span>
<br>
</td>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 50%; text-align: left; vertical-align: top;"> Not needed.Comes bundled with Samepage
<br>
</td>
</tr>
</tbody>
</table>
<br>
<br>
<h3>Description
</h3>
This Plugin provides the Event Calendar based on the data provided by the user. Various features of this plugin are given as below.
<br> Key <span style="font-weight: bold;">features</span> of this plugin are:
<br>
<ul style="font-family: arial,helvetica,sans-serif;">
<li><font size="2">User can enter events in different formats which will be available as a browseable calendar on the published page.</font>
</li>
<li><font size="2">Repetitive events in the supported formats can be specified</font>
</li>
<li><font size="2">Time of the event can be specified</font>
</li>
<li><font size="2">Entry of events will be in the text form (using a particular syntax).</font>
</li>
<li><font size="2">Repetitive formats include,</font>
<ul>
<li><font size="2">Day Of Week(e.g. 1st and 3rd Monday),</font>
</li>
<li><font size="2">Last day of Month</font>
</li>
<li><font size="2">First working day of month</font>
</li>
<li><font size="2">Last working day of month.</font>
</li>
</ul>
</li>
<li><font size="2">
<br></font>
</li>
<li><font size="2">Any number of calendar plugins can be embedded onto a single page.</font>
</li>
<li><font size="2">Maximized view of calendar is available(click on the maximize button in calendar).</font>
</li>
<li><font size="2">Maximized view can also be embedded in the Wiki Page.</font>
</li>
</ul>
<br>
<br>
<h3>Installation
</h3>
This plugin comes bundled with Samepage.
<br>
<br>
<h3><a alt="usage" class="anchor" name="usage"></a>Usage
</h3>
To Insert this plugin click on the
<IMG VSPACE="0" WIDTH="25" HSPACE="0" SRC="/cm/wiki/SamePage Help.wiki/1032483main_Plugins.PNG" HEIGHT="24" ALIGN="absmiddle" BORDER="0" /> button in WYSIWYG editor. From the list of plugins being shown in the screen, click on "Attachment Plugin".
<br>This plugin doesn't come with a User Interface to insert and edit the plugin. User have to type in the Plugin syntax in WYSIWYG Editor.
<br>
<br>
<br>
<table summary="" style="border: 1px solid rgb(204, 204, 204); border-collapse: collapse; width: 70%; text-align: left; vertical-align: top;" align="baseline" cellpadding="3" cellspacing="0">
<tbody>
<tr style="background-color: rgb(243, 242, 239); text-align: left; vertical-align: top;">
<td style="border: 1px solid rgb(204, 204, 204); width: 33%; text-align: left; vertical-align: top;"><span style="font-weight: bold;">Parameter Name</span>
<br>
</td>
<td style="border: 1px solid rgb(204, 204, 204); width: 50%; text-align: left; vertical-align: top;"><span style="font-weight: bold;">Description</span>
<br>
</td>
</tr>
<tr>
<td style="border: 1px solid rgb(204, 204, 204); width: 33%; text-align: left; vertical-align: top;"> <font size="2">month </font>
</td>
<td style="border: 1px solid rgb(204, 204, 204); width: 50%; text-align: left; vertical-align: top;"> <font size="2">Starting month of the calendar display - optional
<br>Example: 01 for JAN or 11 for NOV
<br>If not specified, the current month is taken as the start month. </font>
</td>
</tr>
<tr>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 33%; text-align: left; vertical-align: top;"><font size="2">year </font>
</td>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 50%; text-align: left; vertical-align: top;"> <font size="2">Starting year of the calendar display - optional
<br>Example: 2005
<br>If not specified, the current year is taken as the start year </font>
</td>
</tr>
<tr>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 33%; text-align: left; vertical-align: top;"><font size="2">view</font>
</td>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 50%; text-align: left; vertical-align: top;"> <font size="2">To display maximized view of the calendar, set view="full"
<br>optional </font>
<br>
<br>
</td>
</tr>
<tr>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 33%; text-align: left; vertical-align: top;">events
<br>
</td>
<td rowspan="1" style="border: 1px solid rgb(204, 204, 204); width: 50%; text-align: left; vertical-align: top;"><font size="2">List of events on the calendar
<br>Events are to be specified by entering the date of the event(in mm-dd-yyyy or mm-DOW[N]-yyyy format) followed by the description of the event.
<br>If multiple events are to be listed on the same date the events are separated by a pipe/vertical bar(|) symbol.
<br>
<br><span style="text-decoration: underline;">Date formats:</span>
<br><span style="color: rgb(0, 0, 0);">mm-dd-yyyy format</span>
<br><span style="font-weight: bold;">for 7th May 2007 , enter 05-07-2007</span>
<br>
<br></font>
<p style="color: rgb(0, 0, 0);"><font size="2">mm-DOW[N]-yyyy format </font>
</p>
<font size="2">Day OF Week (DOW) can be MON, TUE, WED, THU, FRI, SAT or SUN
<br>N can be anything between 1 - 5 (1st to 5th occurrence of the day) depending on the month
<br>Example: <span style="font-weight: bold;">for 3</span><sup style="font-weight: bold;">rd </sup><span style="font-weight: bold;">Sunday of May,2007, enter 05-SUN[3]-2007</span>
<br>
<br><span style="text-decoration: underline;">Event entry examples:</span>
<br><span style="font-weight: bold;">events="05-07-2007(1.00pm;Project Party|7.00pm;Project Release)~05-09-2007(10.00am;Client Meeting)"</span>
<br>This means that two events are scheduled for 7<sup>th</sup>May 2007, the Project party at 1.00pm and the Project release at 7.00pm and a Client meeting is also scheduled for 9<sup>th</sup> May, 2007 at 10.00am.
<br>
<br><span style="font-weight: bold;">events="*-MON[1]-*(9.30am;Monthly Status Review meeting)"
<br></span>The * symbol in the month and year fields indicate that this is a recurring event, every month all year on the first Monday of every month at 9.30am.
<br>
<br><span style="text-decoration: underline;">Special entries supported by calendar:</span>
<br>
<br><span style="font-weight: bold;">ldom </span>: Can be used in the date field to indicate the Last Day Of Month
<br><span style="font-weight: bold;">lwdom </span>: Can be used in the date field to indicate the Last Working Day Of Month
<br><span style="font-weight: bold;">fwdom </span>: Can be used in the date field to indicate the First Working Day Of Month </font>
</td>
</tr>
</tbody>
</table>
<br>Click <a href="/cm/wiki/?id=13777" >here</a> to learn more about Event Calendar Plugin
<br><span style="font-weight: bold; color: rgb(0, 102, 0);">Sample Generated Syntax</span>:
<br><font style="font-family: arial,helvetica,sans-serif;" size="2">$cal{month="mm" year="yyyy" view="full" events="mm-dd-yyyy(time;event1|time2;event2|event3)~mm-dd-yyyy(event4|event5|event6)" } </font>
<br>
<br>
<h3>Output
</h3>
Sample output is shown in the below screenshot
<br>
<br>
<table style="border: 1px dashed rgb(0, 0, 0); vertical-align: top; width: 50%; border-collapse: collapse; text-align: left;" summary="" align="baseline" cellpadding="1" cellspacing="0">
<tbody>
<tr>
<td style="border: 1px dashed rgb(0, 0, 0); vertical-align: top; width: 100%;"> <span style="font-weight: bold;">Screenshot</span>
</td>
</tr>
<tr>
<td style="border: 1px dashed rgb(0, 0, 0); vertical-align: top; width: 100%; text-align: left;">
<IMG VSPACE="0" WIDTH="969" HSPACE="0" SRC="/cm/wiki/SamePage Help.wiki/1032655main_Event%20Calendar_Plugin_Output.png" HEIGHT="521" ALIGN="baseline" BORDER="0" />
<br>
</td>
</tr>
</tbody>
</table>
<br>
Chart Plugin
- Children Plugin
- Database Plugin
- Embed Plugin
- Event Calendar Plugin
- Flash Plugin
- Google Gadgets Plugin
- Google Calendar Plugin
- Google Maps Plugin
- Google Video Plugin
- Include Plugin
- Most Viewed Pages Plugin
- My Drafts Plugin
- Photo Gallery Plugin
- Project Listing Plugin
- Project Member Plugin
- Recent Activity Plugin
- Redirect Plugin
- RSS Feed Plugin
- Search Plugin
- Table of Contents Plugin
- Tag Cloud Plugin
- Top Rated Pages Plugin
- Thirty Boxes Plugin
- Video Plugin
- YouTube Plugin
Edit Plugin
To edit a plugin user has to right click on the plugin syntax in the WYSIWYG Editor and click on Edit this Plugin. Refer to below Screenshot
Remove Plugin
To remove a plugin user has to right click on the plugin syntax in the WYSIWYG Editor and click on Remove this Plugin. Refer to below Screenshot
|
|
|
|
|