TinyMCEQuickHelp < TWiki

TWiki Web>TinyMCEPlugin>TinyMCEQuickHelp (2022-12-02, TWikiAdminUser) (raw view)

---+!! !TinyMCE Editor Help Summary 
%STARTINCLUDE%
<style type="text/css" media="all">
#tinyMceInfo td {vertical-align:top; padding:0 1em 0 0;}
#tinyMceInfo td.primaryTextcolumn {width:60%;}
#tinyMceInfo td.secondaryTextcolumn {width:40%; border-left:1px solid #ddd; padding-left:1em;}
#tinyMceInfo td.imgcolumn {width:12px; text-align:right;}
</style>
<div id="twikiTinyMcePluginWysiwygEditHelp" style="display:block">
<table id="tinyMceInfo" cellpadding="0" cellspacing="0" border="0" summary="TinyMCE edit help">
<tr>
<td class="imgcolumn">
  <img src="%ATTACHURLPATH%/Format_Drop_Down.png" width="131" height="298" alt="format dropdown" />
</td>
<td class="primaryTextcolumn">
   * ==Normal== - Normal text style
   * ==Heading 1-6== - Headings; 1 is largest
   * On save, content in this HTML editor is automatically converted to TML (TWiki Markup Language). The following styles let you apply special TWiki tags that control that conversion, and how the resulting text is displayed.
      * ==VERBATIM== - Text is shown in monospace with line breaks. Wraps TWiki =&lt;verbatim&gt;= tags around the selected text. No variables are interpreted inside verbatim tags.
      * ==LITERAL== - Styled content is saved exactly as it appears in the editor. Saves the selected content as raw HTML and wraps it in twiki =&lt;literal>= tags.
      * ==Protect on save== - Use this to protect newly-created advanced variables, where you want to prevent conversion of HTML in the variable to TML. When the topic is re-edited, well-formed variables are automatically re-protected.
      * ==Protect forever== - Wrap the selection in TWiki =&lt;sticky&gt;= tags. Use this to protect content so it always appears _exactly_ as shown in the editor.
</td>
<td rowspan="6" class="secondaryTextcolumn">
*Copy & paste table rows*
   * Right-click table row
   * Select 'Row'
   * Select 'Copy table row'
   * Right-click destination
   * Select 'Row'
   * Select 'Paste' (before/after)
<img src="%ATTACHURLPATH%/table_contextmenu.png" alt="right-click table rows to copy & paste" />

*Setting a chili syntax highlighting class on a verbatim block*
   * Right-click the verbatim block
   * Select 'jQuery chili'
   * Choose syntax
<img src="%ATTACHURLPATH%/chili_formatting.png" alt="chili syntax on VERBATIM" />
</td>
</tr>
<tr>
<td class="imgcolumn"><img src="%ATTACHURLPATH%/indent.png" alt="indent" />
  <img src="%ATTACHURLPATH%/outdent.png" alt="outdent" />
</td>
<td class="textcolumn">
  If the cursor is in a list item, changes the indent.
</td>
</tr>
<tr>
<td class="imgcolumn"><img src="%ATTACHURLPATH%/link.png" alt="link" />
  <img src="%ATTACHURLPATH%/unlink.png" alt="unlink" />
</td>
<td class="textcolumn">
  Links can either point to a URL or to the name of a TWiki topic. For example =http://twiki.org=, =TopicNames=, =Webname.TopicNames=, or =Webname.Subweb.WebName=.
</td>
</tr>
<tr>
<td class="imgcolumn"><img src="%ATTACHURLPATH%/anchor.png" alt="anchor" />
</td>
<td class="textcolumn">
  An anchor is a hidden mark you can use to link to a certain part of a topic, for example a heading or a paragraph. An anchor must be a !WikiWord.
</td>
</tr>
<tr>
<td class="imgcolumn"><img src="%ATTACHURLPATH%/clear_formatting.png" alt="clear formatting" />
</td>
<td class="textcolumn">
  Clear styles from selected text, such as: colours, size, underline decoration, etc. This feature is useful when you need to clean up content copied from rich text sources such as web pages or word documents.
</td>
</tr>
<tr>
<td class="imgcolumn"><img src="%ATTACHURLPATH%/fullscreen.png" alt="fullscreen" />
</td>
<td class="textcolumn">
  Toggle fullscreen mode.
</td>
</tr>
<tr>
<td class="imgcolumn"><img src="%ATTACHURLPATH%/autosave.png" alt="autosave" />
</td>
<td class="textcolumn">
  Restore autosave draft. The editor content is saved to your web browser's local storage every %INCLUDE{"TinyMCEPlugin" section="AUTOSAVE_INTERVAL"}% (default). The draft should survive across browser restarts. This feature is useful to recover unsaved work, for example when your browser crashes for some reason, or your network connection fails during save.
</td>
</tr>
<tr>
<td></td>
<td>

*Using a TWiki Variable*
   * Just type it in. When the topic is saved, what you type will be saved just as you wrote it.
   * If any part of your variable parameters is sensitive to spacing or contains HTML, then select the entire variable and assign the ==Protect on save== style to it before you save.

  <span class="twikiUnvisited">[[%SYSTEMWEB%.TWikiVariables][More on TWiki Variables]]</span>

*Editing the raw text instead of Wysiwyg*
   * Select <img src="%PUBURL%/%WEB%/TinyMCEPlugin/plugins/twikibuttons/img/hide.gif" alt="Wiki text" />, or use the _Raw Edit_ link in the bottom action bar.
</td>
<td>

  *Defining Preference Settings/Variables*
   * Create a list item using the toolbar button
   * In the list item, type =Set NAME = value=
   * Select the value, and assign the ==Protect on save== style to it (only required if the value contains any TWiki Markup Language or if you style it e.g. to add bold, or if it's sensitive to the number of spaces)
</td>
</tr>
</table>
</div>
<div id="twikiTinyMcePluginRawEditHelp" style="display:none">
%INCLUDE{%SYSTEMWEB%.WikiSyntaxSummary}%
</div>
%STOPINCLUDE%

__Related Topics:__ TinyMCEPlugin, TinyMCEFrequentlyAskedQuestions, WysiwygPlugin

Attachments

Topic attachments
I	Attachment	History	Action	Size	Date	Who	Comment
png	Format_Drop_Down.png	r2 r1	manage	6.4 K	2021-06-09 - 20:05	TWikiAdminUser	Saved by install script
png	anchor.png	r2 r1	manage	0.4 K	2021-06-09 - 20:05	TWikiAdminUser	Saved by install script
png	autosave.png	r2 r1	manage	0.6 K	2021-06-09 - 20:05	TWikiAdminUser	Saved by install script
png	chili_formatting.png	r2 r1	manage	12.5 K	2021-06-09 - 20:05	TWikiAdminUser	Saved by install script
png	clear_formatting.png	r2 r1	manage	0.4 K	2021-06-09 - 20:05	TWikiAdminUser	Saved by install script
png	fullscreen.png	r2 r1	manage	0.4 K	2021-06-09 - 20:05	TWikiAdminUser	Saved by install script
png	indent.png	r2 r1	manage	0.3 K	2021-06-09 - 20:05	TWikiAdminUser	Saved by install script
png	link.png	r2 r1	manage	0.4 K	2021-06-09 - 20:05	TWikiAdminUser	Saved by install script
png	outdent.png	r2 r1	manage	0.3 K	2021-06-09 - 20:05	TWikiAdminUser	Saved by install script
png	table_contextmenu.png	r2 r1	manage	8.9 K	2021-06-09 - 20:05	TWikiAdminUser	Saved by install script
png	unlink.png	r2 r1	manage	0.4 K	2021-06-09 - 20:05	TWikiAdminUser	Saved by install script

Topic revision: r4 - 2022-12-02 - TWikiAdminUser

TWiki

Copyright © 1999-2025 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki? Send feedback
Note: Please contribute updates to this topic on TWiki.org at TWiki:TWiki.TinyMCEQuickHelp.