Insite TinyMCE Plug-in

Demo

Please use the TinyMCE editor to create your content and press the orange Insite button to embed symbolised content, then click the "Save Changes" button to see it published. Please note that for demonstration purposes your changes are not permanent, and only persist for your current browser session.

<p>Below is some symbolised content:</p>
<div id="insiteContent_tinyinsite_demo_1283854284_3b004eda96267cfb" class="insiteContentHtml">
<div class="display_cml">
<div class="cml_paragraph"><span class="cml_cmap">
<div>
<div class="cml_symbols"><span class="cml_symbol">
<table border="0">
<tbody>

<tr>
<td><img src="http://widrebus.symgate.com/widgitonline/col/80/graphics/widgit%20rebus/s/symbol.svg.sym" alt="" /></td>
</tr>
</tbody>
</table>
</span></div>
<div class="cml_cmap_text">Symbols</div>
</div>
</span><span class="cml_cmap">
<div>
<div class="cml_symbols"><span class="cml_symbol">
<table border="0">
<tbody>
<tr>
<td><img src="http://widrebus.symgate.com/widgitonline/col/80/graphics/widgit%20rebus/h/help%20communicate.svg.sym" alt="" /></td>
</tr>

</tbody>
</table>
</span></div>
<div class="cml_cmap_text">help communicate</div>
</div>
</span><span class="cml_cmap">
<div>
<div class="cml_symbols"><span class="cml_symbol">
<table border="0">
<tbody>
<tr>
<td><img src="http://widrebus.symgate.com/widgitonline/col/80/graphics/widgit%20rebus/i/idea.svg.sym" alt="" /></td>
</tr>
</tbody>
</table>
</span></div>

<div class="cml_cmap_text">ideas</div>
</div>
</span><span class="cml_cmap">
<div>
<div class="cml_symbols"><span class="cml_symbol">
<table border="0">
<tbody>
<tr>
<td><img src="http://widrebus.symgate.com/widgitonline/col/80/graphics/widgit%20rebus/a/and.svg.sym" alt="" /></td>
</tr>
</tbody>
</table>
</span></div>
<div class="cml_cmap_text">and</div>
</div>

</span><span class="cml_cmap">
<div>
<div class="cml_symbols"><span class="cml_symbol">
<table border="0">
<tbody>
<tr>
<td><img src="http://widrebus.symgate.com/widgitonline/col/80/graphics/widgit%20rebus/i/information.svg.sym" alt="" /></td>
</tr>
</tbody>
</table>
</span></div>
<div class="cml_cmap_text">information</div>
</div>
</span><span class="cml_cmap">
<div>
<div class="cml_symbols"><span class="cml_symbol">

<td><img src="http://widrebus.symgate.com/widgitonline/col/80/graphics/widgit%20rebus/p/people.svg.sym" alt="" /></td>
</tr>
</tbody>
</table>
</span></div>
<div class="cml_cmap_text">people</div>
</div>
</span><span class="cml_cmap">
<div>
<div class="cml_symbols"><span class="cml_symbol">
<table border="0">
<tbody>
<tr>
<td><img src="http://widrebus.symgate.com/widgitonline/col/80/graphics/wrebus%20languages/who.svg.sym" alt="" /></td>
</tr>
</tbody>

</table>
</span></div>
<div class="cml_cmap_text">who</div>
</div>
</span><span class="cml_cmap">
<div>
<div class="cml_symbols"><span class="cml_symbol">
<table border="0">
<tbody>
<tr>
<td><img src="http://widrebus.symgate.com/widgitonline/col/80/graphics/widgit%20rebus/h/have.svg.sym" alt="" /></td>
</tr>
</tbody>
</table>
</span></div>
<div class="cml_cmap_text">have</div>

</div>
</span><span class="cml_cmap">
<div>
<div class="cml_symbols"><span class="cml_symbol">
<table border="0">
<tbody>
<tr>
<td><img src="http://widrebus.symgate.com/widgitonline/col/80/graphics/widgit%20rebus/d/difficult.svg.sym" alt="" /></td>
</tr>
</tbody>
</table>
</span></div>
<div class="cml_cmap_text">difficulty</div>
</div>
</span><span class="cml_cmap">
<div>