Loading...
 

Status Editor Switch WYSIWYG

 Note

This page is work in progress. It describes the behavior when the editor is switched.

Below, the following color codes are used:

  • no test implemented
  • test failed
  • test succeeded


Summary

Item Syntax
Wiki
Syntax
HTML
CKEditor UI Wiki→HTML HTML→Wiki
Font Family plugin style attribute yes failure failure
Font Size plugin style attribute yes failure failure
Bold inline tag
style attribute
yes no conversion good
Italic inline tag
style attribute
yes no conversion good
Underlined inline tag
style attribute
yes different representation good
Strikethrough inline tag
style attribute
yes different representation good
Subscript plugin tag yes no conversion good
Superscript plugin tag yes no conversion good
Monospaced inline tag
style attribute
font only failure good
Teletype plugin tag no failure good
Text color inline style attribute yes failure good
Background color inline style attribute yes failure good
Block Align Left (default) style/align attribute ? ? ?
Block Align Center wiki style/align attribute ? ? ?
Block Align Right plugin style/align attribute ? ? ?
Block Align Justify plugin style/align attribute ? ? ?
Paragraph Alignment plugin style/align attribute ? ? ?


Details

Font Family

  • Wiki
    • Markup:{FONT(family="tahoma")}text{FONT}
  • HTML
    • Markup:<span style="font-family: FONT;">text</span>

Example


;Wiki:
;HTML: This text uses the Tahoma font


Font Size

  • Wiki
    • {FONT(size="SIZEuu")}text{FONT}
  • HTML
    • Markup:<span style="font-size: SIZEuu;">text</span>

Example


;Wiki: missing
;HTML: This text uses 14px font size.


Bold

  • Wiki
    • Markup: __bold__
  • HTML
    • Markup: <b>bold</b>
    • Markup: <strong>bold</strong> (CKE and pre Jison Wiki parser)
    • Markup: <span style="font-weight:bold;">bold</span>


Example


;Wiki: This is bold text
;HTML: This is bold text using ‹b›
This is bold text using ‹strong›
This is bold text using 'font-weight'


Italic

  • Wiki
    • Markup: ''italic''
  • HTML
    • Markup: <em>italic</em> (CKE and pre Jison Wiki parser)
    • Markup: <i>italic</i>
    • Markup: <span style='font-style:italic'>italic</span>


Example


;Wiki: This is italic
;HTML: This is italic using ‹em›
This is italic using ‹i›
This is italic using 'font-style'


Underlined

  • Wiki
    • Markup: ===underlined===
  • HTML
    • Markup: <u>underlined</u> (CKE)
    • Markup: <span style="text-decoration:underline;">underlined</span> (pre Jison Wiki parser)

Example


;Wiki: This is underlined
;HTML: This is underlined
This is underlined


Strikethrough

  • Wiki
    • Markup: --strikethrough--
  • HTML
    • Markup: <strike>strikethrough</strike> (CKE)
    • Markup: <del>strikethrough</del> (pre Jison Wiki parser)
    • Markup: <s>strikethrough</s>
    • Markup: <span style="text-decoration:line-through;">strikethrough</span>

Example


;Wiki: This text uses strikethrough
;HTML: This uses strikethrough using ‹strike›
This text uses strikethrugh using ‹del›
This text uses strikethrugh using ‹s›
This text uses strikethrugh using 'text-decoration'


Subscript

  • Wiki
    • Markup: {SUB()}subscript{SUB}
  • HTML
    • Markup: <sub>subscript</sub> (CKE and plugin output)

Example


;Wiki: This text is script
;HTML: This text is subscript


Superscript

  • Wiki
    • Markup: {SUP()}subscript{SUP}
  • HTML
    • Markup: <sup>superscript</sup> (CKE and plugin output)

Example


;Wiki: This text script
;HTML: This text superscript


Monospaced

  • Wiki
    • Markup: -+monospaced+-
    • If the markup is not at the beginning of a line, it must be preceded by a space.
  • HTML
    • Markup: <code>monospaced</code> (pre Jison Wiki parser)
    • Markup: <span style="font-family: monospace;">monospaced</span> (CKE font selection, no button for html <code>)

Example


;Wiki: This text is monospaced
;HTML: This text is monospaced using ‹strike›
This text is monospaced using 'font-family'


Teletype

  • Wiki
    • Markup: {DIV(type="tt")}text{DIV}
  • HTML
    • Markup: <tt>text</tt> (plugin output, cannot be manipulated with the CKE UI)

Example


;Wiki:
;HTML: This text uses a typewriter font


Text color

  • Wiki
    • Markup:~~COLOR:text~~
  • HTML
    • Markup:<span style="color: COLOR;">text</span> (CKE and pre Jison Wiki parser both use rgb())


Example


;Wiki: This text is red
;HTML: This text is red


Background color

  • Wiki
    • Markup:~~ ,COLOR:text~~
    • The space before the ',' is mandatory
  • HTML
    • Markup: <span style="background:COLOR;">text</span>
    • Markup: <span style="background-color:COLOR;">text</span>
    • Markup: <span style="background: none repeat scroll 0% 0% rgb(255, 0, 0);">text</span> (pre Jison Wiki parser)

Example


;Wiki: This background is yellow
;HTML: This background is yellow using 'background'
This background is yellow using 'background-color'




Block Align Left

  • Wiki
    • Markup: text (default alignment is left)
    • Markup: {DIV(align="left")}text{DIV}
  • HTML
    • Markup: text (default alignment is left)
    • Markup: <div style="text-align: left;">text</div> (plugin output)
    • Markup: <div align="left">text</div>

Example


;Wiki: This is aligned left (default)

;HTML: This is aligned left (default)
This aligned left using 'style'
This aligned left using 'align'


Paragraph Alignment

  • Alignements
    • left
    • center
    • right
    • justify
  • Wiki
    • Markup: {DIV(type="p", align="ALIGNEMENT")}text{DIV}
  • HTML
    • Markup: <p style="text-align: ALIGNEMENT;">text</p> (plugin output)
    • Markup: <p align="ALIGNEMENT">text</p>

Example


;Wiki:

;HTML:

Default

This paragraph is centered using 'style'

This paragraph is centered using 'align'

Default

Related

Wiki Syntax



Keywords

The following is a list of keywords that should serve as hubs for navigation within the Tiki development and should correspond to documentation keywords.

Each feature in Tiki has a wiki page which regroups all the bugs, requests for enhancements, etc. It is somewhat a form of wiki-based project management. You can also express your interest in a feature by adding it to your profile. You can also try out the Dynamic filter.

Accessibility (WAI & 508)
Accounting
Administration
Ajax
Articles & Submissions
Backlinks
Banner
Batch
BigBlueButton audio/video/chat/screensharing
Blog
Bookmark
Browser Compatibility
Calendar
Category
Chat
Comment
Communication Center
Consistency
Contacts Address book
Contact us
Content template
Contribution
Cookie
Copyright
Credits
Custom Home (and Group Home Page)
Database MySQL - MyISAM
Database MySQL - InnoDB
Date and Time
Debugger Console
Diagram
Directory (of hyperlinks)
Documentation link from Tiki to doc.tiki.org (Help System)
Docs
DogFood
Draw -superseded by Diagram
Dynamic Content
Preferences
Dynamic Variable
External Authentication
FAQ
Featured links
Feeds (RSS)
File Gallery
Forum
Friendship Network (Community)
Gantt
Group
Groupmail
Help
History
Hotword
HTML Page
i18n (Multilingual, l10n, Babelfish)
Image Gallery
Import-Export
Install
Integrator
Interoperability
Inter-User Messages
InterTiki
jQuery
Kaltura video management
Kanban
Karma
Live Support
Logs (system & action)
Lost edit protection
Mail-in
Map
Menu
Meta Tag
Missing features
Visual Mapping
Mobile
Mods
Modules
MultiTiki
MyTiki
Newsletter
Notepad
OS independence (Non-Linux, Windows/IIS, Mac, BSD)
Organic Groups (Self-managed Teams)
Packages
Payment
PDF
Performance Speed / Load / Compression / Cache
Permission
Poll
Profiles
Quiz
Rating
Realname
Report
Revision Approval
Scheduler
Score
Search engine optimization (SEO)
Search
Security
Semantic links
Share
Shopping Cart
Shoutbox
Site Identity
Slideshow
Smarty Template
Social Networking
Spam protection (Anti-bot CATPCHA)
Spellcheck
Spreadsheet
Staging and Approval
Stats
Survey
Syntax Highlighter (Codemirror)
Tablesorter
Tags
Task
Tell a Friend
Terms and Conditions
Theme
TikiTests
Federated Timesheets
Token Access
Toolbar (Quicktags)
Tours
Trackers
TRIM
User Administration
User Files
User Menu
Watch
Webmail and Groupmail
WebServices
Wiki History, page rename, etc
Wiki plugins extends basic syntax
Wiki syntax text area, parser, etc
Wiki structure (book and table of content)
Workspace and perspectives
WYSIWTSN
WYSIWYCA
WYSIWYG
XMLRPC
XMPP




Useful Tools