Ego's Super Cool Text Editor

Introduction
Cheatsheet

INDEX

Text Input

Formatted Text Preview

Introduction⤴

This is a text editor made for the creation of simple article-style browser pages. However, it also possesses multiple functions to emulate the medium of hypertextdog's game The Process Of Elimination.

To get started, all you need to know is the following:

TEXT INPUT is where you'll type the text you wish formatted.

UPDATE PREVIEW will take that text and display it on the FORMATTED TEXT PREVIEW box on the right in the article format.

CLEAR will remove the formatted text, though your text input will remain intact.

Those are enough if you only wish to play with the text editor, but if you want to save the formatted text to be displayed as a browser page, you'll also need to know the next buttons.

COPY HTML will copy the formatted text to your clipboard, which must be pasted on the template html to work properly.

ARTICLE TEMPLATE will begin the download the template article html.

ARTICLE CSS will begin the download of three files containing the styling resources, which are needed for the text to be properly displayed. The contents must be in the same folder your article is in for it to work.

Tying things together is fairly simple. When you open the template article in a text or code editor, there will be text indicating where to paste the copied text you made. Replace that entire line. After that, place the styling files in the same folder you have put your article in. With that, you should be able to open your article on browser and it should look about the same it did in the editor.

Cheatsheet⤴

Markdown Text

# General usecases

# title 1, which is always underlined
## title 2
### title 3
these can all be used with a "#" for each level of title you want, while plain text is done by default.
    any amount of spaces before the text adds a paragraph space.

- bulleted lists can be done with "-" preceding the text.
    - and the bullet points receive indentation for every *two* spaces before the dash.
            - for example, this has 10 spaces, thus 5 bumps to the right.

> block quotes are done with a preceding ">" to your text.
> they also merge when placed in succession.

---
three dashes alone in a line add a divider

*asterisks make italics*
**double asterisks make bold**
_underscores underline_
~~double tilde strikes~~

    - ~~***_these can all be done in combination_***~~

links can be done either by pasting them inside the parenthesis in [yourtext]() to make hypertext, like so:
[this is a link to my front page](index.html)

or by pasting it inside the parenthesis in url(), like so:
url(https://sunbound.neocities.org/)

while boxes with additional text that show on hover can be done by writing text within curly brackets [after your text in square brackets.]{like here.}

some labels can be preceded by @ to be in their signature color. this works regardless of capitalization

@noon @Noon @NOON @nOON

@noon[text can be given that color by placing it in brackets after the label]

@noon[colored text can be nested @afternoon{one level} by using curly brackets]

same principle applies to preceding labels with @@

@@sunset @@SUNSET @@Sunset @@sUNSET

@@sunset[and following that with text in brackets]

@@sunset[as well as using @@afternoon{curly brackets} for nesting]

you can reverse the order of square and curly brackets, just remember not to try nesting with the same kind of brackets, or it will mess up the coloring, like so:

@sunset[this text should be orange @noon[and this yellow]]

# @harry[TPOE]-specific

for TPOE character labels (e.g. @harry), some of their aliases will be bound to shortcuts. using ! ? or ; after a @ will replace their name with one of their handles.
@!harry
@!wren, @?wren
@!ben

@harry.narr[narration boxes can be made by following a label with .narr and your text in brackets]
@harry.narr[and they can be done in multiples lines in a row to creater larger boxes]

@harry.narrOut[or you can use .narrOut if you want it to have an outline]
@harry.narrOut[which should also work for multiple lines in a row]


@ego.isay[doing the same with .isay and]
@ego.usay[.usay, you can make normal dialogue]

@ben.usayS[as well as .usayS]
@harry.isayS[and .isayS to make text into Strike! conversations]
@ben.usayS[the usernames are added automatically, you just have to use the character's name]

@ego.narr[and that's about it. go have fun]
                

Html Text

General usecases

title 1, which is always underlined

title 2

title 3

these can all be used with a "#" for each level of title you want, while plain text is done by default.

any amount of spaces before the text adds a paragraph space.

bulleted lists can be done with "-" preceding the text.

and the bullet points receive indentation for every two spaces before the dash.

for example, this has 10 spaces, thus 5 bumps to the right.

block quotes are done with a preceding ">" to your text.

they also merge when placed in succession.

three dashes alone in a line add a divider

asterisks make italics

double asterisks make bold

underscores underline

~~double tilde strikes~~

~~these can all be done in combination~~

links can be done either by pasting them inside the parenthesis in [yourtext]() to make hypertext, like so:

this is a link to my front page

or by pasting it inside the parenthesis in url(), like so:

https://sunbound.neocities.org/

while boxes with additional text that show on hover can be done by writing text within curly brackets after your text in square brackets.

some labels can be preceded by @ to be in their signature color. this works regardless of capitalization

noon Noon NOON nOON

text can be given that color by placing it in brackets after the label

colored text can be nested one level by using curly brackets

same principle applies to preceding labels with @@

sunset SUNSET Sunset sUNSET

and following that with text in brackets

as well as using curly brackets for nesting

you can reverse the order of square and curly brackets, just remember not to try nesting with the same kind of brackets, or it will mess up the coloring, like so:

this text should be orange noon[and this yellow]

TPOE-specific

for TPOE character labels (e.g. harry), some of their aliases will be bound to shortcuts. using ! ? or ; after a @ will replace their name with one of their handles.

schrodingers_

wreckless_abando, wreckless_abandon

benisnt

narration boxes can be made by following a label with .narr and your text in brackets

and they can be done in multiples lines in a row to creater larger boxes

or you can use .narrOut if you want it to have an outline

which should also work for multiple lines in a row

EGO

doing the same with .isay and

EGO

.usay, you can make normal dialogue

benisnt

as well as .usayS

schrodingers_

and .isayS to make text into Strike! conversations

benisnt

the usernames are added automatically, you just have to use the character's name

and that's about it. go have fun