Changes: Help:Formatting text/instructions

Revision as of 20:35, 26 February 2021

How you perform the act of formatting text depends largely on the editor you choose to use. Nevertheless, the effect is largely the same on the Source editor and VisualEditor — both of which have pictographic editing tools.

Formatting in wikitext via the Source editor is explained elsewhere.

Formatting with the Visual Editor

Once you click the edit button and enter the editor, you will see this toolbar on top of the page.

The editor toolbar in the Visual editor.

Text Styles

Highlight the text you wish to modify with your cursor, and then choose:

to make the text bold.
to make the text italic.
to underline the text.

VisualEditorToolbar2 — The text formatting menu in the Visual editor.

For more options, click the T drop-down menu and you will see the text formatting menu.

From here you can get the remaining text-formatting selections:

Code to format technical terms in-line with other text.
Strikethrough to make ~~text with a line through it~~.
Superscript to make a^raised term or exponent.
Subscript to make a_lowered term.
Big to make a word or phrase appear in a larger font.
Small to make a word or phrase appear in a smaller font.
Remove will remove any text formatting and return it to plain text.

Heading Styles

VisualEditorToolbar3 — The paragraph menu in the Visual editor.

Heading types may be selected from the PARAGRAPH menu as shown to the right.

Highlight the text that you want to style.

For major sections, choose Heading.
For sub-dividing a major section, choose one of the Sub-heading 1–4 items.
To present a block of text in a fixed-width font as-is (i.e., spaces and newlines will be preserved, templates will not be expanded, wikitext will not be rendered) choose Preformatted.
To present a block of text offset from the normal text flow, choose Block quote.
Please do not use Page title on normal wiki pages.

Formatting with the Source Editor

Once you click the edit button and enter the editor, you will see this toolbar on top of the page.

The editor toolbar in the Source editor.

Text Styles

Highlight the text you wish to modify with your cursor, and then choose:

to make the text bold.
to make the text italic.
to underline the text.

For more options, click the T ADVANCED drop-down menu and you will see the text formatting menu.

SourceEditorToolbar2 — The advanced text formatting menu in the Source editor.

From here you can get the remaining text-formatting selections:

Superscript (X^I) to make a^raised term or exponent.
Subscript (X_I) to make a_lowered term.
Code, Strikethrough, Big, and Small are not available as menu-driven functions in the Source editor. You may still use the HTML tags (<code></code>, <s></s>, <big></big>, <small></small>) to achieve these effects.
There is no Remove function. Just edit the wikitext as required.

Heading Styles

SourceEditorToolbar3 — The paragraph menu in the Source editor.

Heading types may be selected from the PARAGRAPH menu as shown to the right.

These are all the same as shown in the Heading Styles section above. Note that after you select one of these, you will see the wikitext applied to your highlighted text. Here are some examples:

==Major Heading==
===First Sub-heading===
====First Sub-sub-heading====

<pre>Preformatted text</pre>
<blockquote>Lorem ipsum</blockquote>

Beyond the basics

As you can see from the above images, there are many more buttons than we've mentioned. You can perform all sorts of formatting, much of which has also been demonstrated on this page. Since formatting in Fandom's Visual editor is largely a matter of highlighting text and pushing one of the buttons, take some time to explore the interfaces. You'll easily learn how to perform formatting much more advanced than italics and bolding. The Source editor allows you to achieve the same results as the Visual editor, but requires a bit more knowledge of wikitext and HTML.

Further help and feedback

Browse and search other help pages at Help:Contents
Check Fandom Community Central for sources of further help and support
Check Contacting Fandom for how to report any errors or unclear steps in this article

@@ Line 1: / Line 1: @@
-How you '''modify the appearance of text''' to add [[help:formatting text|basic formatting]] depends largely on the [[help:editing|editor]] you choose to use. Nevertheless, the process is largely the same the [[help:classic editor|rich text editor]] and [[help:VisualEditor|VisualEditor]] — both of which have symbolic editing tools.
+How you '''perform the act of formatting text''' depends largely on the [[Help:Editing|editor]] you choose to use. Nevertheless, the effect is largely the same on the [[Help:Source editor|Source editor]] and [[Help:VisualEditor|VisualEditor]] — both of which have pictographic editing tools.
+Formatting in wikitext via the Source editor is [[Help:Wikitext|explained elsewhere]].
-Though some individual wikis have added these editing icons to [[help:source edit mode|source mode]], formatting in source is generally quite different, requiring a knowledge of wikitext that is [[help:wikitext|explained elsewhere]].
-==Formatting with either of the visual editors==
-[[File:Editor_toolbar.png|thumb|right|400px|The editor toolbar in the classic [[help:classic editor|rich-text editor]].]]
-[[File:VisEd toolbar.jpg|thumb|right|400px|The editor toolbar in the [[help:VisualEditor|VisualEditor]] is much the same, though some of the options are in drop-down menus.]]
+==Formatting with the Visual Editor==
-*Once you click the edit button and enter the editor, you will see this toolbar on top of the page.
+Once you click the edit button and enter the editor, you will see this toolbar on top of the page.
-*Highlight the text you wish to modify with your cursor, and then choose:
-**&nbsp;[[File:Bold_button.png]] to make the text '''bold'''.
+[[File:VisualEditorToolbar1.png|thumb|center|600px|The editor toolbar in the '''Visual''' editor.]]
-**[[File:Italic_button.png]] to make the text ''italic''.
+===Text Styles===
-**&nbsp;[[File:Underline_button.png]] to <u>underline</u> the text.
+Highlight the text you wish to modify with your cursor, and then choose:
-**&nbsp;[[File:Strikethrough_button.png]] to <s>strike-through</s> the text.
+*[[File:Bold button.png|32px|link=]] to make the text '''bold'''.
+*[[File:Italic button.png|32px|link=]] to make the text ''italic''.
+*[[File:Underline button.png|32px|link=]] to <u>underline</u> the text.
+[[File:VisualEditorToolbar2.png|thumb|right|300px|The text formatting menu in the Visual editor.]]
+For more options, click the <big><code>T</code></big> drop-down menu and you will see the text formatting menu.
+From here you can get the remaining text-formatting selections:
+*'''Code''' to format <code>technical terms</code> in-line with other text.
+*'''Strikethrough''' to make <s>text with a line through it</s>.
+*'''Superscript''' to make a<sup>raised</sup> term or exponent.
+*'''Subscript''' to make a<sub>lowered</sub> term.
+*'''Big''' to make a word or phrase appear <big>in a larger font</big>.
+*'''Small''' to make a word or phrase appear <small>in a smaller font</small>.
+*'''Remove''' will remove any text formatting and return it to plain text.
+===Heading Styles===
+[[File:VisualEditorToolbar3.png|thumb|right|300px|The paragraph menu in the Visual editor.]]
+Heading types may be selected from the <b><small>PARAGRAPH</small></b> menu as shown to the right.
+Highlight the text that you want to style.
+*For major sections, choose '''Heading'''.
+*For sub-dividing a major section, choose one of the '''Sub-heading 1–4''' items.
+*To present a block of text in a fixed-width font as-is (''i.e.'', spaces and newlines will be preserved, templates will not be expanded, wikitext will not be rendered) choose '''Preformatted'''.
+*To present a block of text offset from the normal text flow, choose '''Block quote'''.
+*Please do not use '''Page title''' on normal wiki pages.
+<br clear="all" />
+==Formatting with the Source Editor==
+Once you click the edit button and enter the editor, you will see this toolbar on top of the page.
+[[File:SourceEditorToolbar1.png|thumb|center|600px|The editor toolbar in the '''Source''' editor.]]
+===Text Styles===
+Highlight the text you wish to modify with your cursor, and then choose:
+*[[File:Bold button.png|32px|link=]] to make the text '''bold'''.
+*[[File:Italic button.png|32px|link=]] to make the text ''italic''.
+*[[File:Underline button.png|32px|link=]] to <u>underline</u> the text.
+For more options, click the <b><big><code>T</code></big> <small>ADVANCED</small></b> drop-down menu and you will see the text formatting menu.
+[[File:SourceEditorToolbar2.png|thumb|center|600px|The advanced text formatting menu in the Source editor.]]
+From here you can get the remaining text-formatting selections:
+*'''Superscript''' (<b>X<code><sup>I</sup></code></b>) to make a<sup>raised</sup> term or exponent.
+*'''Subscript''' (<b>X<code><sub>I</sub></code></b>) to make a<sub>lowered</sub> term.
+*'''Code''', '''Strikethrough''', '''Big''', and '''Small''' are not available as menu-driven functions in the Source editor. You may still use the HTML tags (<code><nowiki><code></code>, <s></s>, <big></big>, <small></small></nowiki></code>) to achieve these effects.
+*There is no '''Remove''' function. Just edit the wikitext as required.
+===Heading Styles===
+[[File:SourceEditorToolbar3.png|thumb|right|300px|The paragraph menu in the Source editor.]]
+Heading types may be selected from the <b><small>PARAGRAPH</small></b> menu as shown to the right.
+*These are all the same as shown in the [[#Heading Styles|Heading Styles]] section above. Note that after you select one of these, you will see the wikitext applied to your highlighted text. Here are some examples:
+<pre>
+==Major Heading==
+===First Sub-heading===
+====First Sub-sub-heading====
+</pre>
+<nowiki><pre>Preformatted text</pre></nowiki><br />
+<nowiki><blockquote>Lorem ipsum</blockquote></nowiki>
+<br clear="all" />
+== Beyond the basics ==
+As you can see from the above images, there are many more buttons than we've mentioned. You can perform all sorts of formatting, much of which has also been demonstrated on [[Help:Formatting text|this page]]. Since formatting in Fandom's Visual editor is largely a matter of highlighting text and pushing one of the buttons, take some time to explore the interfaces. You'll easily learn how to perform formatting much more advanced than ''italics'' and '''bolding'''. The Source editor allows you to achieve the same results as the Visual editor, but requires a bit more knowledge of wikitext and HTML.
 == See also ==
@@ Line 20: / Line 78: @@
 ==Further help and feedback==
 {{Help and feedback section}}
-__NOTOC__
 [[de:Hilfe:Formatieren]]
+[[es:Ayuda:Modificando_el_texto]]
 [[fi:Ohje:Tekstin muokkaaminen]]
-[[fr:Aide:Modifier le texte]]
+[[fr:Aide:Mise en forme du texte/instructions]]
 [[it:Aiuto:Modificare il testo]]
 [[ja:Help:テキストを修正する]]
@@ Line 30: / Line 87: @@
 [[pt:Ajuda:Modificando o texto]]
 [[ru:Справка:Работа с текстом]]
+[[tr:Yardım:Metin biçimlendirme/talimatlar]]
 [[zh:help:調整文字]]
-[[es:Ayuda:Modificando_el_texto]]
-[[Category:Editing]]
 [[Category:Help|{{PAGENAME}}]]
+[[Category:Editing]]