A Guide To The Text Editor (necro)
Tumbleweed
Member
Text Editor Guide
This guide should help you understand all the coding features you see at the top of new discussions and comments! Comment below if I missed something :D**NOTE**: These will have spaces between, so I can demonstrate how to do it without it really doing it. Remember to remove the spaces when really doing it.
Bold
At the top, you will see this button:
Click it, and it will make this appear: (without spaces)
< b class="Bold"> </ b >
Anything between the two will become bold.
====================================
Italic
At the top, you'll see this button:
Click it, and this will appear: (without spaces)
< i class="Italic" > </ i >
Anything between the two will become slanted.
===================================
Underline
Underline isn't in the top 3, but you can still use it.
Type < u > text here </ u >.
======
At the top, you'll see this button:
Click it, and this will appear: (without spaces)
< del class="Delete" > </ del >
**Notice how it says "Delete" and not Strikethrough. This is normal, and type whatever you want to be striked through between the two.
Number Bullets
At the top, you'll see this button:
Clicking it gives something like this (without spaces)
< ol >
< li >
</ ol >
Type something in the < il > will number it with 1. Press enter (or add a new line) and another will appear. For example:
< ol >
< li > first rule: text blah blah
< li > number 2 here
</ ol >
Now remove those spaces and you will get
- first rule: text blah blah
- number 2 here
Circle or Black Dot Bullets
At the top you'll see this:
Clicking it will make this appear: (without spaces)
< ul >
< li >
</ ul >
It's the same as number bullets. The finished product?
- Haha
- Blah bloo
At the top you will see these buttons:
These will align, or 'straighten' your text - which means you can have your text centered, to the left, or to the right!
The first button, or left one, will make your text
like this.
The middle one will make your text
like this.
And the last one
does this.
This will make text a link. For example: Click Me
The button that does this is at the top. First, click the button that looks like a paperclip or chain link.
It'll ask you for a URL. Type the URL you want the text to go to (Don't worry, we're getting to the text part!).
Now, you'll get something like this: (The URL can be anything you want):
< a href="http://forums2.cubiccastles.com" > ENTER THE TEXT YOU WANT TO WARP TO A LINK WHEN CLICKED HERE </ a >
At the top you'll see this button:
This can be a little trickier. When you click it, this pops up:
Now you have two options. You can either:
- Type out the image's URL in the bottom box.
- Select an image from your gallery by selecting "Choose File"
Your image is now inserted! It will appear as that on the bottom of your post. People will click it to view it.
Want it to view as the full image, automatically? Instructions in the spoiler!
Let's start off where you get inserted a photo.
- Delete the image by clicking the X.
- It's still there - but not inserted. Now zoom in (if on mobile) and click on it again. This time, a URL appear.
- *CUT* the URL - or make sure you've copied it and *It is no longer on your post*.
- Now delete the image again.
- Paste the URL wherever you want the picture to be.
- Done!
Spoiler
Now, all these things are found by this button at the top:
Clicking it makes this appear:
This is all you need. Clicking SPOILER makes this appear: (without spaces)
< div class="Spoiler" > text here </ div >
Finished product? Remember to click it to open, and click again to close.
Text here
======================
Codes, or Box
Clicking CODE makes this appear:
< code class="CodeInline" > </ code >
Finished product?
Hiya!
===========
Quotes
Clicking QUOTE does this:
< blockquote class="Quote" > </ blockquote >
Finished product?
Mystery!===========
Headers
Headers bascically make your text bigger and bolder at the same time. The top one makes it bigger; the bottom one is slightly smaller.
The top one?
< h1 >Boom bang</ h1 >
Boom bang
The second is the same, except the h1 is h2.You may have wondered that these spoilers are different. There's also a completely different way to code, but I'll share how to do these spoilers inside!
These are different. Instead of <>, it's []. For example:
[ spoiler ] text [/ spoiler ]
Mine are titled. You do those this way:
[ spoiler = titlehere ] text [/ spoiler]
This discussion has been closed.
Comments
Sorry, I had no choice.
Not to mention that it doesn't hurt to have a guide in display.
( ͡° ͜ʖ ͡°)
Bold
but if you write the <code></code> inside of it, it only show the <code> (it was like that)...