Documentation TOC » Features » Wiki » Wiki Plugin » PluginWYSIWYG

PluginWYSIWYG

Was started in Tiki8, but only became functional as of Tiki9.

The WYSIWYG feature (which is when you want the full page to be WYSIWYG) doesn't need to be activated. This plugin permits to have a WYSIWYG section for part of a page. For example, you want to use WYSIWYG for a table, but keep most of the page as wiki syntax.

HTML Purifier is always on, for your security. Invalid/insecure HTML is scrubbed. If you don't want this, you need to manually edit lib/wiki-plugins/wikiplugin_wysiwyg.php

Example

When you see the page, you can mouse over any section of the page surrounded by PluginWysiwyg tags in the source, and the background of that seection will change color (section 2 in the following screenshot). If you click on one of those sections (section 1 in the following screenshot), you open it for edition in Wysiwyg mode, while keeping the rest of the page still closed for edition.

If you edit the wiki page as usual, you will the the code behind it, which is a wiki paged ruled by wiki syntax, and sections in html syntax are enclosed by plugin wysiwyg tags.

Syntax of the wiki page in the previous screenshot

{maketoc}

! Section 1
{WYSIWYG()}<p>
	See the <a href="http://doc.tiki.org/PluginWYSIWYG" name="Link to doc site">documentation</a> and the <a href="http://dev.tiki.org/PluginWYSIWYG" name="Bug reports and feature requests">dev page</a> <img alt="enlightened" height="18" src="http://demo.tiki.org/trunk/lib/ckeditor/plugins/smiley/images/lightbulb.gif" title="enlightened" width="18" /></p>
<p style="text-align:justify;font-size:11px;line-height:14px;margin-top:0px;margin-right:0px;margin-bottom:14px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-family:Arial, Helvetica, sans;">
	Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut a ligula velit, imperdiet accumsan erat. Fusce ut enim eget tellus interdum gravida. Nulla luctus dapibus ipsum nec posuere. Curabitur quis ligula eget est dignissim placerat id quis augue. Sed eu eros at massa pretium pharetra sed ut est. Donec id gravida mauris. Integer id ipsum ac nisi porta lobortis. Vestibulum scelerisque viverra ipsum sed euismod. Quisque vitae augue ultrices metus accumsan ornare. Ut suscipit lorem sit amet leo pharetra sit amet gravida urna tempor.</p>
(...)
<p>
	 </p>
{WYSIWYG}

! Section 2
{WYSIWYG()}<p>
	 </p>
<p style="text-align:justify;font-size:11px;line-height:14px;margin-top:0px;margin-right:0px;margin-bottom:14px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-family:Arial, Helvetica, sans;">
	Lorem ipsum dolor sit amet, consectetur adipiscing élit. Ut a ligula velit, imperdiet accumsan erat. Fusce ut enim eget tellus interdum gravida. Nulla luctus dapibus ipsum nec posuere. Curabitur quis ligula eget est dignissim placerat id quis augue. Sed eu eros at massa pretium pharetra sed ut est. Donec id gravida mauris. Integer id ipsum ac nisi porta lobortis. Vestibulum scelerisque viverra ipsum sed euismod. Quisque vitae augue ultrices metus accumsan ornare. Ut suscipit lorem sit amet leo pharetra sit amet gravida urna tempor.</p>
(...)
<p style="text-align:justify;font-size:11px;line-height:14px;margin-top:0px;margin-right:0px;margin-bottom:14px;margin-left:0px;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;font-family:Arial, Helvetica, sans;">
	 </p>
<table border="1" cellpadding="1" cellspacing="1" style="width:500px;">
	<tbody>
		<tr>
			<td>
				dsfsadf</td>
			<td>
				<strong>sdfsdf</strong></td>
		</tr>
		<tr>
			<td>
				<strong>safsf</strong></td>
			<td>
				sdfsdaf</td>
		</tr>
		<tr>
			<td>
				sdfsdaf</td>
			<td>
				sdf</td>
		</tr>
	</tbody>
</table>
(...)
<p>
	 </p>
{WYSIWYG}