RESOURCE A Beginner's Guide to the Rich Text Editor!

  • Before posting a thread, please take a look at the Iwaku FAQs to see if your question has already been answered there!

Sen

この世は でっかい宝島
Original poster
Invitation Status
Don't know how to use the fancy buttons in your Rich Text Editor? Well, you've come to the right place! This is a friendly beginner's guide to the Rich Text Editor! You might want to use these in your future posts!

Text

  • bold text -
    highlight the text you want to bold and press the button
  • italic text
    - highlight the text you want to italic and press the button
  • underlined text
    - highlight the text you want to underline and press the button
  • strikethrough text
    - highlight the text you want to strikethrough and press the button. [NOW UNDER THE + ICON]
  • left align text -
    highlight the text you want to align to the left and press the button, this is the default format of text
  • right align text - highlight the text you want to align to the right and press the button
  • center align text - highlight the text you want to align in the center and press the button
  • justified text - highlight the text you want to justified and press the button, justified text is spaced so that the left and right side of text both have straight edges.
Text Transformations


  • Click on the 'A' to open the drop down menu and select your desired font.


This text is using the Arial font.
This text is using the Book Antiqua font.
This text is using the Courier New font.
  • Click on the 'T' to open the drop down menu and select the desired size for your font.



This is size 1 text
This is size 2 text
This is size 3 text
This is size 4 text
This is size 5 text
This is size 6 text
This is size 7 text

    • Click on the waterdrop and highlight the text you wish to change the color of and choose the color you want your text to be. If you wish to use a color that is not part of the default palette you will need RGB values or color hex codes. These sites are available for you to use to find hex codes easily!
- Image Color Picker - Find the hex code of a pixel in a picture!
- RGB.to. - All around converter from RGB to Pantome to hex codes!

Formatting
    • This button is for creating dot point lists, very useful for summarizing huge paragraphs! This whole guide uses dot point lists!
    • Creates numbered lists! Use this to tidy up rules, or create tutorials or rankings?

  1. How to make your posts pretty?
  2. Use this guide
  3. Press buttons
  4. Profit?
    • Creates an indent from where you highlighted the text. Can be used multiple times.
    • Removes the indent!
Normal:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus luctus nisi eget semper. Maecenas lobortis tristique lectus eu venenatis. Praesent id vulputate ante, nec tempus dui. Integer molestie velit erat, quis tincidunt lacus maximus eget. Integer mollis purus nec mauris dictum gravida. In tellus ante, sollicitudin in tristique et, pretium eu nisl. Integer molestie sit amet tortor in viverra. Fusce turpis arcu, rhoncus quis est eu, tincidunt ornare lacus. Sed tristique mauris ut ultrices porttitor.

Indented:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus luctus nisi eget semper. Maecenas lobortis tristique lectus eu venenatis. Praesent id vulputate ante, nec tempus dui. Integer molestie velit erat, quis tincidunt lacus maximus eget. Integer mollis purus nec mauris dictum gravida. In tellus ante, sollicitudin in tristique et, pretium eu nisl. Integer molestie sit amet tortor in viverra. Fusce turpis arcu, rhoncus quis est eu, tincidunt ornare lacus. Sed tristique mauris ut ultrices porttitor.
Media

  • Inserts a picture. After clicking this button, you will be directed to a box that asks you to enter the link to your picture. Any link works, but try to use links that end with .jpg or .png and similar variants.



    • Inserts a video. Enter the link to the video into the box. Keep in mind that only media from Dailymotion, Facebook, Liveleak, Metacafe, Vimeo, YouTube works.
You will see:
Code:
[media=youtube]special code here[/media]
And end up with:


    • Creates a hyperlink. You can highlight the text you wish to hyperlink or insert one. The 'text of your link' is what text will be hyperlinked, it should already be filled in if you decide to highlight to create a hyperlink to pre-existing text. You can also create a hyperlink using your email by clicking the tap 'Email options'.
    • Deletes the hyperlink.​


Special Text


    • Allows you to enter in raw code. Accepts general codes, HTML and PHP. It looks like this: [NOW UNDER THE + ICON]
Code:
[LIST]
[*][img]http://i.imgur.com/qKRJMjE.png[/img] Allows you to enter in raw code. Accepts general codes, HTML and PHP.
[/LIST]
  • Allows you to manually quote text! Highlight the text you wish to quote and click the button or press the button to turn your current paragraph into a quote. [NOW UNDER THE + ICON]
Allows you to manually quote text! Highlight the text you wish to quote and click the button or press the button to turn your current paragraph into a quote.
Spoiler Tags

  • Creates a bar spoiler. Click on the button and enter in the title to your spoiler. [NOW UNDER THE + ICON]
Goku is actually a Saiyan.
  • Click these buttons to find and use a collection of cute pixel gifs and smilies! :jump:
This only explains the editor's icons. For a more extensive and detailed way to decorate your text, please refer to the BB Code guide. Click on this!


Edit (9/2017): Fixed the YouTube video.
Edit (11/2017): Fixed to match the new editor.
 
Last edited:

Hana

wandering thoughts
Invitation Status
Babe, why did you have to put Park Bo Gum in it? xD

Great guide for those who are still puzzling out the rich text editor. <3
 

MusicalT

Daughter of the Villiage Chief
Invitation Status
, , ,
Posting Speed
Multiple posts per day, 1-3 posts per day, One post per day, 1-3 posts per week, One post per week
Writing Levels
Intermediate, Adept, Advanced, Adaptable
Preferred Character Gender
Female
Genres
Fantasy, modern, realistic, mystery, horror
Thank you for this!! I've been wondering how to do some of this stuff!
 
  • Like
Reactions: Sen

Greenie

Follow the Strange Trails
Posting Speed
Slow As Molasses
Writing Levels
Beginner, Elementary, Intermediate, Adept, Advanced, Adaptable
Preferred Character Gender
Male, Female, , Primarily Prefer Female
Genres
Fantasy, Supernatural, Horror
Sen Sen you are awesome for making this. Thank you so much.
 
  • Like
Reactions: Sen

Egg

The Egg Overlord
Invitation Status
,
Posting Speed
One post per day, 1-3 posts per week, Slow As Molasses
Writing Levels
Give-No-Fucks, Beginner, Elementary, Intermediate, Adaptable
Preferred Character Gender
Female, Primarily Prefer Female
Genres
Fantasy, Magical
:easterhorror:I have learned a lot
 
  • Like
Reactions: Sen

XMadnessLoverX

Lost in Madness
Invitation Status
,
Posting Speed
1-3 posts per day, One post per day, 1-3 posts per week, One post per week, Slow As Molasses
Online Availability
Random times
Writing Levels
Intermediate, Adaptable
Preferred Character Gender
Male, Female, Futanari, Primarily Prefer Female
Genres
Fandom, Romance, Fantasy, Yuri, Anime/Manga, Action/Adventure, Love triangles, Dark Fantasy, Dark themes, Horror, harems, and yandere.
Hello. I am having trouble with the article text box and was wondering if I could have some help on that please?
 

XMadnessLoverX

Lost in Madness
Invitation Status
,
Posting Speed
1-3 posts per day, One post per day, 1-3 posts per week, One post per week, Slow As Molasses
Online Availability
Random times
Writing Levels
Intermediate, Adaptable
Preferred Character Gender
Male, Female, Futanari, Primarily Prefer Female
Genres
Fandom, Romance, Fantasy, Yuri, Anime/Manga, Action/Adventure, Love triangles, Dark Fantasy, Dark themes, Horror, harems, and yandere.
Ah, shoot. Didn't see this. What do you need help with? c:
I'm trying to make it to where the border around it is in color and that the title in the article is whatever you want it to be. I think I'm confusing it with something else. I think it was fieldbox or something.
 

Sen

この世は でっかい宝島
Original poster
Invitation Status
I'm trying to make it to where the border around it is in color and that the title in the article is whatever you want it to be. I think I'm confusing it with something else. I think it was fieldbox or something.
[fieldbox="Title, red, solid"]Hello![/fieldbox]
Like this?

Code:
[fieldbox="Title, red, solid"]Hello![/fieldbox]
 

XMadnessLoverX

Lost in Madness
Invitation Status
,
Posting Speed
1-3 posts per day, One post per day, 1-3 posts per week, One post per week, Slow As Molasses
Online Availability
Random times
Writing Levels
Intermediate, Adaptable
Preferred Character Gender
Male, Female, Futanari, Primarily Prefer Female
Genres
Fandom, Romance, Fantasy, Yuri, Anime/Manga, Action/Adventure, Love triangles, Dark Fantasy, Dark themes, Horror, harems, and yandere.
Yeah. I was having trouble with that. How do you change from "Title" to another word such as "introduction"?
 

XMadnessLoverX

Lost in Madness
Invitation Status
,
Posting Speed
1-3 posts per day, One post per day, 1-3 posts per week, One post per week, Slow As Molasses
Online Availability
Random times
Writing Levels
Intermediate, Adaptable
Preferred Character Gender
Male, Female, Futanari, Primarily Prefer Female
Genres
Fandom, Romance, Fantasy, Yuri, Anime/Manga, Action/Adventure, Love triangles, Dark Fantasy, Dark themes, Horror, harems, and yandere.
[fieldbox="Introduction, blue, solid"]Kupo[/fieldbox] Like this?
 
  • Like
Reactions: Sen

Sylvinar Cross

Adonis Of Romance
Invitation Status
, ,
Posting Speed
Speed of Light, Multiple posts per day, 1-3 posts per day
Online Availability
I am always on except for the hours I go to sleep at randomly.
Writing Levels
Intermediate, Adept
Preferred Character Gender
Male, Female, Futanari, Primarily Prefer Male
Genres
Romance, smut, fantasy, supernatural, fantasy, action, horror, modern, futuristic, furry, anthro, canons

MinnieMin

BTS Trash... KPOP Trash. MxM RP please <3
Posting Speed
Speed of Light, Multiple posts per day, 1-3 posts per day, One post per day, 1-3 posts per week, One post per week, Slow As Molasses
Online Availability
Random GMT +8 7pm - 10pm pst is my non-working time.
Writing Levels
Intermediate, Adept, Advanced, Adaptable
Preferred Character Gender
Male
Genres
Yaoi, Gay, Kpop, Fantasy, Magic, Horror, Drama (not melodrama)
What code languages are available on the forum? BB, HTML, CSS, Javascript? Any, all? Are there custom ones that act different from official coding that is found on places like w3schools.com


does all of this apply to this site:

https://www.metabunk.org/help/bb-codes
 

Kat

𝙡𝙞𝙠𝙚 𝙥𝙤𝙞𝙨𝙤𝙣 𝙞𝙣 𝙢𝙮 𝙫𝙚𝙞𝙣𝙨
Posting Speed
1-3 posts per week, One post per week, Slow As Molasses
Online Availability
Monday 11AM — 1 PM, Tuesday 1:30 PM — 3 PM
Writing Levels
Advanced
Preferred Character Gender
Male, Female, Primarily Prefer Female
Genres
Medieval Fantasy, Romance, Dark Fantasy, High Fantasy, Steampunk
What code languages are available on the forum? BB, HTML, CSS, Javascript? Any, all? Are there custom ones that act different from official coding that is found on places like w3schools.com


does all of this apply to this site:

BB Codes | Metabunk
The only code language available is bbcode (but fantastic codes can be made regardless) and you can find a list of available codes here: BB Codes | IwakuRoleplay.com
 

MinnieMin

BTS Trash... KPOP Trash. MxM RP please <3
Posting Speed
Speed of Light, Multiple posts per day, 1-3 posts per day, One post per day, 1-3 posts per week, One post per week, Slow As Molasses
Online Availability
Random GMT +8 7pm - 10pm pst is my non-working time.
Writing Levels
Intermediate, Adept, Advanced, Adaptable
Preferred Character Gender
Male
Genres
Yaoi, Gay, Kpop, Fantasy, Magic, Horror, Drama (not melodrama)
The only code language available is bbcode (but fantastic codes can be made regardless) and you can find a list of available codes here: BB Codes | IwakuRoleplay.com
I have actually realized now that I am MUCH better with coding on this site (lots of practice hours) That anything CSS will work so long as you move it over into BBCode Syntax. I've gotten MUCH better.
 
R

RustyFable

Guest
Fancy Add-ons!
  • Allows the creation of slides and tabs to help organize your text! You can choose from an Accordion, which are drop down tabs. Tabs, which work like any table. And a slideshow! You can customize the size and the alignment of text, as well as write in what you want in your slides!
  • Creates an article (cute text box)
  • Functions the same way as an article. Can be customised with more code to create colors.
I'm still having a bit of a hard time with this, I appears in as just the no slide text. I'm not sure how to actually add the content that I want to.
 

Sen

この世は でっかい宝島
Original poster
Invitation Status
I'm still having a bit of a hard time with this, I appears in as just the no slide text. I'm not sure how to actually add the content that I want to.
Since the Rich Text Editor has been disabled for now, you'll have to use bbcode now. What do you need help with, specifically? :o