« Retour - Portlets

Wiki Portlet

Introduction #

Liferay includes in its bundle a portlet that allows creation of contents in the Wiki collaboration style. The Wiki Wiki concept was invented by Ward Cunningham and has seen since then lots of different implementations.

Nodes #

Liferay allows the organization of pages in groups called nodes. Each node acts as a whole wiki with its own set of permissions, recent changes list and listing of all pages.

With the introduction of the new permissions system in Liferay 4, the Wiki was gained a very powerful functionality that allows you either to use the wiki in the traditional way (open to anyone) or use it also as a tool to organize private information to certain organizations, locations or groups of people.

A node is created by clicking on the Add node button and filling the title and optionally the description. After creating a node an initial page called FrontPage is automatically created and can be edited clicking on the 'Edit Page' link in the bottom of the wiki window.

To create new pages you have to edit an existing page and use the CamelCase syntax as described next to create a link to the new page. Until the page is created instead of being converted to a link, the name of the new page will be preceeded by a question mark. Clinking on the question mark will create the page. Once it is created the page can be edited regularly and its name on the originating page will be converted to a link. Please note : This does not work inside the HTML Editor.

Editing modes #

Liferay wiki comes with three editing modes: Creole, HTML, and Classic.

Creole #

Creole was a syntax that came about through a growing dissatisfaction in the Wiki community of a non-standard language. Headed by Ward Cunningham, who invented the Wiki technology with C2, the Creole design team believed that "... markup should be easy to learn and easy to teach, as well as fast to type and should use readable markup which is non-destructive" (see article).

Creole syntax has been added into the suite of Wiki languages supported by Liferay since version 5.0. Some examples of its basic syntax include:

Text Styles

//italics//
**bold**

Headers

== Large heading ==
=== Medium heading ===
==== Small heading ===

Links

[[Link to a page]]
[[http://www.liferay.com|Link to website]]

Lists

* Item
** Subitem
# Ordered Item
## Ordered Subitem

Images

{{attached-image.png}}
{{Page Name/other-image.jpg|label}}

In-line CSS injection(Note: this is not officially part of the Creole 1.0 specification, but it works because Liferay's wiki is based on the JSPWiki engine. Used it only if you absolutely must)

%%(color:red) red%%  %%(color:blue)blue%%  %%(color:green)green%%

%%(color:red) red%% %%(color:blue)blue%% %%(color:green)green%%

%%(text-align:center)
**This line is centered**
%%

%%(text-align:center) This line is centered %%
Tables with more complex CSS injection:

||%%(text-align:left;display:block;)Left Heading%% ||%%(text-align:center;display:block;)Center Heading%% 
(break added for readability) ||%%(text-align:right;display:block;)Right Heading%%
|%%(text-align:left;display:block;)Left Cell 11%% |%%(text-align:center;display:block;)Center Cell 12%% 
(line break added for readability) |%%(text-align:right;display:block;)Right Cell 13%%
|%%(text-align:left;display:block;)Left Cell 21%% |%%(text-align:center;display:block;)Center Cell 22 
(line break added for readability) (longer for illustration)%% |%%(text-align:right;display:block;)Right Cell 23%%
|%%(text-align:left;display:block;)left%% |%%(text-align:center;display:block;)center%% 
(line break added for readability)|%%(text-align:right;color:red;display:block;)combine alignment and color%% 
%%(text-align:left;display:block;)Left Heading%% %%(text-align:center;display:block;)Center Heading%% %%(text-align:right;display:block;)Right Heading%%
%%(text-align:left;display:block;)Left Cell 11%% %%(text-align:center;display:block;)Center Cell 12%% %%(text-align:right;display:block;)Right Cell 13%%
%%(text-align:left;display:block;)Left Cell 21%% %%(text-align:center;display:block;)Center Cell 22 (longer for illustration)%% %%(text-align:right;display:block;)Right Cell 23%%
%%(text-align:left;display:block;)left%% %%(text-align:center;display:block;)center%% %%(text-align:right;color:red;display:block;)combine alignment and color%%

Other

<<TableOfContents>>
{{{ Preformatted }}}

For full syntax rules can be found at the Creole 1.0 spec.

HTML #

In this mode the text area incorporates an embedded HTML editor (by default FCKEditor) that allows the user to write the document in a WYSIWYG similar to how they work in Ms Word or Open Office (although somewhat more limited, of course).

Please note: When switching back and forth from Creole to HTML the format will not be converted automatically. You'll have to do it manually.

Classic #

The classic editing mode is the most usual for wikis and uses text conventions to format the text. The text is later converted to HTML to be presented. Liferay uses the Friki engine to do this conversion. It's syntax is described in:

This syntax is inspired and pretty much the same to that of the original Wiki. Documentation about that syntax can be found in:

Links are created by writting two or more words together (without spaces between them) and uppercasing the first letter of each of the words. This is known as CamelCase syntax.

 LinkExample

To create monospaced text write a blank or more spaces at the beginning of the line

 {{{   This would be converted to monospaced font}}}

To write italics put two single quotes at the beginning and at the end of the text

 {{{''italics''}}}

To write bold put three single quotes at the beginning and at the end of the text

 {{{'''bold'''}}}

Four dashes by themselves on a single text line create an horizontal line

 ----

Classic (Enhanced in 4.3.1+) #

While awaiting the integration of an alternative wiki engine (as has been discussed and often requested), we've made a few changes for the 'Classic Wiki' mode such that it's usability and familiarity should be much greater.

Instead of going the 'Classic Wiki' syntax direction, we've taken this 'Enhanced' version in the MediaWiki direction.

Here is a snapshot of the rules as they are now:

Added Media Wiki style internal links

 [ Page Name | Link Text ]

Features not shown are the same as they were.

References #

Image Gallery is one of Liferay's Out of The Box Portlets

Moyenne (2 Voter)
L'estimation moyenne est de 1.5 étoiles sur 5.
Commentaires
Réponses Auteur Données
How can I remove FRONT PAGE from each wiki... K Pink 10 avril 2009 11:37
Same question... Dmitry Babain 29 mai 2009 01:47
I used redirection for that purpose. Lorinc Nyitrai 6 août 2009 07:14
It seems that it is not possible to switch back... Per Spilling 11 juin 2009 10:43
see http://issues.liferay.com/browse/LPS-5221 Claas Ruschmeyer 3 octobre 2009 01:45
Is there a reason why the replies are not... Corné Aussems 22 janvier 2010 01:36
I miss the fearure that makes all Wikis... Lorinc Nyitrai 6 août 2009 07:11
Thank you, Brian. Helpful Wiki article. Jonas Yuan 28 août 2009 17:07
Is there a way to link from one wiki page to... Robin Mitra 17 février 2010 08:09
Found it by mistake! When adding a link, select... Robin Mitra 17 février 2010 08:12
<a href="http://www.google.com/"... Alexia Biggs 28 février 2010 17:26
Dear Team, it's is possible to keep the Revert... Senthil Chockalingam 29 juin 2010 02:18
how can i subscribe wiki for email notification... pooja shah 4 août 2010 23:37
Is there anyway to change some settings to make... Puj Z 31 août 2010 05:52
How can i remove "Front Page" heading from the... Sravani M 5 novembre 2010 21:06
how can i give users the option to create new... Mohammed Azam 25 novembre 2010 23:40
Is there a way to filter out, and view only... Ryan Paul Schultz 20 janvier 2011 11:39
Liferay 6.0.6 CE - can't find Classic formats.... Vladimir Vladimirovich Druzenko 7 août 2011 05:38
How does one implement Captcha in the Wiki? Bob Lyman 1 septembre 2011 12:31
test Krishna Gadde 22 septembre 2011 06:00
We have now invested 6 months in building an... Christine Sætre 10 novembre 2011 02:54
How to zero-rise the "Views" for each page? sherry quik 21 décembre 2011 07:50
good article Manikandan S 10 janvier 2012 03:23
any body know how to make a backup and restore... enzo acosta 31 janvier 2014 03:51

How can I remove FRONT PAGE from each wiki page?
thanks
Publié le 10/04/09 11:37.
Publié le 29/05/09 01:47.
It seems that it is not possible to switch back and forth between Creole and HTML editing mode in the Wiki Portlet. Is this a bug or a feature?
Publié le 11/06/09 10:43.
I miss the fearure that makes all Wikis structured: the Category page. I suppose that the Child page feature is intended to be its replacement.
Publié le 06/08/09 07:11.
I used redirection for that purpose.
Publié le 06/08/09 07:14 en réponse à Dmitry Babain.
Thank you, Brian.

Helpful Wiki article.
Publié le 28/08/09 17:07.
see http://issues.liferay.com/browse/LPS-5221
Publié le 03/10/09 01:45 en réponse à Per Spilling.
Is there a reason why the replies are not hierarchical like MessageBoard?
Publié le 22/01/10 01:36 en réponse à Claas Ruschmeyer.
Is there a way to link from one wiki page to another by using the html FCKeditor? I couldn't find a way to do it.
Publié le 17/02/10 08:09.
Found it by mistake! When adding a link, select "other" as the protocol and enter the page name in the url field. Simple enough!
Publié le 17/02/10 08:12 en réponse à Robin Mitra.
<a href="http://www.google.com/" rel="dofollow">nice</a>
Publié le 28/02/10 17:26 en réponse à Robin Mitra.
Dear Team,

it's is possible to keep the Revert option for Only for Admin(Owner)?
this.emoticonemoticon
Publié le 29/06/10 02:18 en réponse à Alexia Biggs.
how can i subscribe wiki for email notification (for updates or changes in wiki)
Publié le 04/08/10 23:37 en réponse à Senthil Chockalingam.
Is there anyway to change some settings to make the wiki content right-to-left for languages like Arabic?
Publié le 31/08/10 05:52.
How can i remove "Front Page" heading from the wiki portlet.
Publié le 05/11/10 21:06.
how can i give users the option to create new page add edit etc
Publié le 25/11/10 23:40.
Is there a way to filter out, and view only those Wikis that you have either started, or edited in the past? Similar to viewing 'My Documents'.
Publié le 20/01/11 11:39 en réponse à mohammed azam.
Liferay 6.0.6 CE - can't find Classic formats. Only Creole and HTML.
Where is it?
Publié le 07/08/11 05:38.
How does one implement Captcha in the Wiki?
Publié le 01/09/11 12:31.
Publié le 22/09/11 06:00.
We have now invested 6 months in building an enterprise wiki, using Creol wiki (with WYSIWYG). Problem is we have now discovered a number of number of bugs that make launch impossible.
(1) Wish we had known that you can't link to email addresses! This has to be an option even in the simplest web page, and works in Creol, but not in Liferay. If it does I haven't found any information on what we might have done wrong locally.
(2) Line breaks don't work as specified above;
(3) Permalinks anchors after headings link to the incorrect page if an internal link precedes them.
(4) ... and it is increasingly hard to find clear information on fix it yourself options or potential relief from these issues. http://bit.ly/sWIhbz
One JIRA post from Vincent Lu (http://bit.ly/tyP9v0) says "... removing the Creole Filter JAR from the Liferay Portal distribution in favor for the creole implementation from JSPWiki might solve the problems ..." but there is no further information from the community or on Liferay.com about this operation or other things one can try.
We like the Liferay product, but these latest issues are pretty frustrating.
Publié le 10/11/11 02:54.
How to zero-rise the "Views" for each page?
Publié le 21/12/11 07:50.
Publié le 10/01/12 03:23 en réponse à sherry quik.
any body know how to make a backup and restore of a wiki in liferay.
Publié le 31/01/14 03:51.