[General Topics] ZipAddict:
This thread is for quickly learning how to use the "Message Editor Interface" or in other words, the box that you type XDA posts and XDA messages in. Many new and veteran members have not yet had the pleasure of experimenting with the options that it provides. You can do many exciting things here to customize the way your post looks, organize it's content, and express your feelings! This will sometimes help you to create a stronger message that will capture the attention of your audience better. This took me a lot of time to put together, so I hope it will be very helpful to you! I will be using the "XDA-2015 Dark Theme" template on my PC for the first section, and the "XDA Premium" app for the second section. If you are using a different theme or app, some of these options may not be available or they may be located in a different place. Let's get started!

Section 1: Using the "XDA-2015 Dark Theme" template on PC or mobile browser.

When you create a post, thread, message, or signature, then the message editor interface will pop up. Select the "Go Advanced" button at the bottom of the text box. Now you will see a bunch of little icons appear above the text box. To explain and display what each one of these does in a quick and organized manner, we will be using this image right below for reference...

View attachment 3573272 < CLICK HERE TO ENLARGE PICTURE!​

Bold- Will make selected text bold like this...EXAMPLE!

Italic- Will make selected text in italics like this...EXAMPLE!

Underline- Will underline selected text like this...

EXAMPLE!

Remove Formatting- Will remove text formatting for selected text. Basically, if there is code around selected text, it will be erased!

Fonts- Will change font of selected text like this...EXAMPLE!

Sizes- Will change size of selected text like this...EXAMPLE!

Colors- Will change color of selected text like this...EXAMPLE!

Smilies- Will add smilies to message like this...:cool:

Attachments- Will let you add attachments, and once added, will let you place them in the middle of your post instead of below it like this...View attachment 3573304

Undo- Will undo the last change you made.

Redo- Will redo the last change you undid.

Youtube(only on mobile, or type code in Sec.2)- Will allow youtube video to be posted in message like this...[YOUTUBE]UOg_8hCC4u4[/YOUTUBE]

QRCode- Will create a Qrcode for the selected text like this...[QRCODE]EXAMPLE![/QRCODE]

Strike- Will strike out the selected text like this...EXAMPLE!

Hide- Will hide the selected text like this...

EXAMPLE!

Align Left- Will align selected text to the left like this...

EXAMPLE!​

Align Center- Will align selected text to the center like this...

EXAMPLE!​

Align Right- Will align selected text to the right like this...

EXAMPLE!​

Ordered List- Will generate a numbered list like this...

EXAMPLE1!

EXAMPLE2!

Unordered List- Will generate a bullet point list like this...

EXAMPLE1!

EXAMPLE2!

Decrease Indent- Will decrease indent.

Increase Indent- Will increase indent like this...

EXAMPLE!​

Insert Link- Will insert a url to turn text to a link like this...EXAMPLE!

Remove Link- Will remove link url. Opposite of insert link.

Insert Email Link- Will insert a link to an email address like this...example email link

Insert Image- Will insert an image url like this...

Quote- Will put selected text in a labeled quote box like this...

Code- Will put selected code into a labeled code box like this...

EXAMPLE!

Html- Will put selected html code into a labeled html box like this...

EXAMPLE!

Php- Will put selected php code into a labeled php box like this...

EXAMPLE!

Section 2: Using the "XDA Premium" app.

If you are using the XDA Premium App, you will have to manually enter code to edit your post. Here is a guide to the codes that will work based on my testing. I put the code in PHP boxes so that you can see the raw code, but it is not PHP code haha! Be sure to put code before and after the text you want to change. This is for more advanced members. Not all options are available in this section, but there may be more that I have not discovered so I will label them "UNKNOWN". If you find a new one that works, feel free to let me know and I can add it to the list and give you credit. Also, these are verified to show up on the website, but may not display properly within the app. If you would like to see examples of what each does, please refer to section 1 of this thread.​

1. Bold- Will make selected text bold

[B]your selected text here[/B]

2. Italic- Will make selected text in italics

[I]your selected text here[/I]

3. Underline- Will underline selected text

[U]your selected text here[/U]

4. Remove Formatting- Will remove text formatting for selected text

UNKNOWN

5. Fonts- Will change font of selected text

[FONT="name of font you want here"]your selected text here[/FONT]

6. Sizes- Will change size of selected text

[SIZE="size of text you want here"]your selected text here[/SIZE]

7. Colors- Will change color of selected text

[COLOR="color of text you want here"]your selected text here[/COLOR]

8. Smilies- Will add smilies to message

:name of smilie here: OR... use app settings at top right of text box and select "insert smilie"

9. Attachments- Will let you place attachments in the middle of your post instead of below it like normally

UNKNOWN- OR... [ATTACH]attachment number from bottom of post on website, NOT the number from the app[/ATTACH]

10. Undo- Will undo the last change you made

UNKNOWN

11. Redo- Will redo the last change you undid

UNKNOWN

12. Youtube- Will allow youtube video to be posted in message

[YOUTUBE]last 11 or so characters after the "v=" in youtube url[/YOUTUBE]- OR... use app settings at top right of text box and select "insert url"

13. QRCode- Will create a Qrcode for the selected text

[QRCODE]your code here[/QRCODE]

14. Strike- Will strike out the selected text

[STRIKE]your selected text here[/STRIKE]

15. Hide- Will hide the selected text

[HIDE]your selected text here[/HIDE]

16. Align Left- Will align selected text to the left

[LEFT]your selected text here[/LEFT]

17. Align Center- Will align selected text to the center

[CENTER]your selected text here[/CENTER]

18. Align Right- Will align selected text to the right

[RIGHT]your selected text here[/RIGHT]

19. Ordered List- Will generate a numbered list

[LIST=1][*]your first numbered text in list goes here. Hit enter and [*]your second numbered text in list goes here, and so on.[/LIST]

20. Unordered List- Will generate a bullet point list

[LIST][*]your first bullet point text in list goes here. Hit enter and [*]your second bullet point text in list goes here, and so on.[/LIST]

21. Decrease Indent- Will decrease indent

UNKNOWN

22. Increase Indent- Will increase indent

[INDENT]your selected text here[/INDENT]

23. Insert Link- Will insert a url to turn text to a link

just use app settings at top right of text box and select "insert url"

24. Remove Link- Will remove link url

just erase it!

25. Insert Email Link- Will insert a link to an email address

UNKNOWN

26. Insert Image- Will insert an image url

use app settings at top right of text box and select "insert image link"

27. Quote- Will put selected text in a labeled quote box

just use the quote button!

28. Code- Will put selected code into a labeled code box

[CODE]your selected text here[/CODE]

29. Html- Will put selected html code into a labeled html box

[HTML]your selected text here[/HTML]

30. Php- Will put selected php code into a labeled php box

[PHP]your selected text here[/PHP]

If you are doing multiple edits to the same text, pay attention to the flow of the code. For example:

[U][COLOR="Red"]hello[/COLOR][/U]

Selecting text and choosing underline and then color red will turn the text red and underline the text in white. If you switch the order of your edit selections, then it will be red text with a red underline.

For additional practice and experimenting, go to any thread and select the "Reply" button. Mess around with anything and everything to see how it works. Select the "Preview Post" button below the text box to see what the final post would look like. Make sure you do not select the "Submit Reply" button unless you want everyone to see your experiment!

If you ever want to "look behind the scenes" of a professionally made first post, then select the "Reply" button below the post. You will now see how they made their post look so good! Make sure you do not select the "Submit Reply" button or else you will spam the thread with the OP!

If there are no options above the text box, go to your XDA settings-edit options-miscellaneous options-message editor interface, and make sure "Standard Editor-Extra formatting controls" is selected.

For other information on how to use XDA forums and threads, go here!

More updates to come, so stay tuned!​