Status Editor Switch WYSIWYG
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
Character Related Markup
Font Family
- Wiki
- Markup:{FONT(family="tahoma")}text{FONT}
- HTML
- Markup:<span style="font-family: FONT;">text</span>
- Markup:<span style="font-family: FONT;">text</span>
;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>
- Markup:<span style="font-size: SIZEuu;">text</span>
;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>
;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>
;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)
;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>
;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)
- Markup: <sub>subscript</sub> (CKE and plugin output)
;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)
- Markup: <sup>superscript</sup> (CKE and plugin output)
;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>)
;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)
- Markup: <tt>text</tt> (plugin output, cannot be manipulated with the CKE UI)
;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())
- Markup:<span style="color: COLOR;">text</span> (CKE and pre Jison Wiki parser both use rgb())
;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)
;Wiki: This background is yellow
;HTML: This background is yellow using 'background'
This background is yellow using 'background-color'
Text Related Markup
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>
;Wiki: This is aligned left (default)
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>
;Wiki:
Default
This paragraph is centered using 'style'
This paragraph is centered using 'align'
Default
