Plugin WYSIWYG

Introduced in Tiki9

Use this wiki plugin 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. The WYSIWYG feature (which is when you want the full page to be WYSIWYG) doesn't need to be activated.

Parameters

Use a WYSIWYG editor to edit a section of content
Introduced in Tiki 9.
Go to the source code
Preferences required: wikiplugin_wysiwyg

Parameters Accepted Values Description Default Since
(body of plugin) Content
height text Minimum height for DIV. Default: 300px 300px 9.0
width text Minimum width for DIV. Default: 100px 100px 9.0
use_html (blank)
y
n		 By default, the body (content) of calls to the WYSIWYG plugin is interpreted according to the "Use Wiki syntax in WYSIWYG" (wysiwyg_htmltowiki) preference. By default, "Use HTML" is considered enabled if "Use Wiki syntax in WYSIWYG" is disabled, and vice versa. This parameter allows overriding that preference if needed. y 14.1



Note that HTML Purifier is always on for your security when using this plugin. 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.

Image


If you edit the wiki page as usual, you will see the wiki syntax with sections in html syntax where the html tags are enclosed by PluginWysiwyg tags.

Copy to clipboard
! 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 &eacute;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}