How to show 'formatted text' on one page? Here's an example:


#1

How do you show the ‘formatted text’ on one page?

Phrased differently: How do you show the ‘formatted text’ on the same page you’re typing in?

Phrased differently: How do you type in a way that the ‘formatted text’ would show and reflect on the same page you’re typing in?

Here’s an example:

  1. Say on an empty page you write/type 2 stars such as

**

  1. Then you type

to ‘markdown’ means to use the weird symbols that a ‘computer language’ call ‘markdown’ uses

  1. then you end this line/part with another 2 stars at end of the line/part

**

It would look like this

**to 'markdown' means to use the weird symbols that a 'computer language' call 'markdown' uses**

Note: You would have to use these 3 dots -> ```

to cancel out the ‘markdown’ usage (but that’s pretty complex, see https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet#code)


This is the end effect/outcome/result/effect/goal/‘formatted text’

to ‘markdown’ means to use the weird symbols that a ‘computer language’ call ‘markdown’ uses

How would you see this effect on the same page that you’re typing in?

What are the steps?


To clarify a bit more, take this site, which shows 2 pages side by side:

  • one page (right side) has the effect that you want (formatted text)

  • the other page (left side) has the ** things you dont want ** (weird symbols)


How do you show the ‘formatted text’ on one page?

Phrased differently: How do you show the ‘formatted text’ on the same page you’re typing in?

Phrased differently: How do you type in a way that the ‘formatted text’ would show and reflect on the same page you’re typing in?


#2

Phrased differently: you’re asking how to make it look like Word?

Because I don’t think you can.


#3

Making it like a website

Making it look like what you type is what you want

Are you sure it’s impossible? Hopefully someone knows

Yes need it to look like a word when you type

Forgot to ask how to show the weird symbols after it’s shown in a good way

This is to copy it onto sites that use ‘markdown’

But that’s after


#4

It’s not impossible, but there are parts of Atom’s design that will break and/or become ugly if you try to display text inside the editor pane with dramatically different styling (particularly font and font size) than the rest of the document.

You can try creating a marker and decorating it with {type: "text", class: "bold"} for your options and see if you can change the style with CSS targeting .bold.

It would be 100% possible, and not very difficult, to build a rich-text editor into Atom as an alternative opener for files. If there’s a JavaScript one that can be plugged into a standard HTML site, it could be wrapped in an etch component and registered as an opener and given a save function and navigation keys pretty easily. I’ve built most of a package that does exactly the opposite, opening a file with zero formatting. But it’s a non-trivial amount of work, so someone would have to be motivated and have the free time to put it together.


#5

Are you specifically talking about visual things that would break/be bad?

Or are you talking about ‘inside’ things? Internal things. Or both?

But anyhow, is there any simple way to show what exactly is part of the design in atom that is causing this problem, and making it hard?

Like does atom limit these things? Or does it set/have a limit on ‘things cannot be very different’?

And it can’t be ‘very different’, how does atom decide what counts as ‘very different’ instead of simply ‘different enough’?

I dunno what you mean in the 2nd section, and dont understand it exactly, but it sounds like it’s basically impossible pretty much possible but not currently in 2018. Not sure when atom came but ok

Would like to understand basically what it is about atom that is causing this kind/type of problem


#6

Visual things. Like it becoming impossible to read your document until you disable the changes.

But anyhow, is there any simple way to show what exactly is part of the design in atom that is causing this problem, and making it hard?

Look at the Atom window. Every part of that is designed by CSS. Think about what happens when you have a highly specific look engineered by a lot of CSS rules, then something that doesn’t follow the same pattern is introduced. Everything can be thrown off, because now the order of operations is different. In this specific case, each line is generated individually and the gutter numbers are generated as a separate element and intended to line up.

Like does atom limit these things?

Atom does not limit you. You can do anything that you have the JavaScript/HTML/CSS mastery to accomplish.


#7

ok great i think this is pretty much fully solved :smiley::yum::blush:

say you have 2 rules:

  1. after the food is cooked, food is put on a plate
  2. after food is eaten, plate should be cleaned
  • so if you put a rule before #2 that says:
  1. food should be licked after food is eaten

(the new rules does not replace 2. , it just goes before it)

  • then this would somehow mess up the ‘rules that this css thing does’

we can explain the messing of things up by saying:

  • the ‘pattern’ of the initial is called culture/custom-based order

  • the new rule of licking would create a pattern call playful joy

summary: playful joy is not the same as culture/custom-based order and that is why it doesnt work

  • a rule would work in this design if it has the same pattern as culture/custom-based order

not sure if there’s a better more helpful comparison most would understand, but it basically sounds like:

  • what you see on this software call atom is designed with a computer language call ‘css’
  • the rules that atom has designed into the css makes it very hard basically
  • & if atom made the rules better, then it won’t be hard anymore
  • for example another option is by having an setting/option to turn off the css rules, that would make everything better

pretty much fully solved :smiley::yum::blush:


#8

5-7-5

All you see is style—

The font, the colour, and more—

to turn off breaks all.

& if atom made the rules better, then it won’t be hard anymore

It’s not about making rules “better”. It’s about how they were implemented for a set of specific purposes, and rich text rendering was not one of them. If you wanted, you could go in and add support for rich text yourself, but no one capable of doing so has done this.


#9

No. Atom makes it very easy to do the things that Atom is designed to do. It is harder to make Atom do things it isn’t designed to do.


#10

oh ok that makes a ton more sense, tho things could be designed to do multiple things. to take the quick example of a laptop & desktop, you can have a desktop be made much more portable, it just has to be designed a lot better usually with more innovative tech

for most things i guess the innovative tech doesnt exist

not sure if forks and spoons were made first but one of those were likely designed for all foods, but whichever one it was, it wasnt designed well the purpose of eating food

the subquestion that came up was why and what exacty about the design caused this problem

but that gets into the details and is likely hard to show

but this example shows the use of a metaphour using ‘diggers’ to communicate ‘specialised skills/talents/abilities’ of things

it’s only a small part and im sure there’s much better explanations out there

but i dont think it’s hard to show any given non-theoretical things, for example to show why a smartphone is more portable than a desktop to anyone that has never seen or use a computer before:

  • imagine a horse in a large box

  • now imagine a mice in your tiny hands

a ‘smartphone’ thing is like the size of a mice

a desktop is something is bigger than a smartphone like a horse


#11

what the numbers mean?

what the lines mean?

what you mean by that?

really? are you sure?


#12

This has absolutely nothing to do with innovative tech. What you want does exist (in multiple forms). It’s just not in Atom, and there’s no reason for that except for the fact that the developers of Atom did not have native rich text support as one of the items on their wishlist for a code editor.

not sure if forks and spoons were made first but one of those were likely designed for all foods, but whichever one it was, it wasnt designed well the purpose of eating food

Neither of them came first. We had knives first, because knives could be used to gut and skin prey and then cut the meat into edible chunks. Then we had bread once we figured out milling. A long, long time later, people decided that we liked not getting our hands dirty, and other utensils appeared that were more specialized for their purpose and didn’t try to support all forms of food.

imagine a horse in a large box

I think that you are distracting yourself with your own analogies.


#13

Hmmm, the numbers represent the form of my haiku. I thought we were talking in poetry.


#14

im assuming it’s easily, or does the entire design have to change, is it almost always the case that someone need to know all the internal tech details how simple or complex something would be? is there currently known simplier way?

how were you able to find those things like ‘quill’? is it about knowing the relevant info, or would there be any other way?

they likely didnt make all the utensils all at once, one of them likely before the other ones after they decided for clean hands, tho before the point of doctors required to wash their hands, thus saving many lives


#15

Nope, neither of the above is true. Atom does support packages that do wildly different things. There is large open space in Atom for functionality wildly different from the base editor, but if you want that, you have to seize it yourslf. Atom will not give you any handholds, but it will allow you to do anything you want.

If you don’t first learn the internal tech details, you will forever be unpleasantly surprised by how much work is involved. If you do learn all the details, what is necessary will seem obvious.

how were you able to find those things like ‘quill’?

If I Google the phrase, “rich text web editor”, Quill is the first thing that pops up. It did not take me any amount of work (as opposed to learning about how Atom works, which I have spent maybe a few dozen hours on over the past two years).

they likely didnt make all the utensils all at once, one of them likely before the other ones after they decided for clean hands, tho before the point of doctors required to wash their hands, thus saving many lives


#16

you likely had plenty of prior knowledge & experience that amounted to many many years

brief clarification on this quill thing tho, are you saying that all anyone has to do is download that and they can start typing in ‘regular font’? with any markdown/code hidden?


#17

He’s saying that he did a google search, and that was the top result. And no, it will take some work to get Quill like a proper text editor (e.g., like Atom). At which point, you may as well be using Microsoft Word, LibreOffice, LyX, or any other WYSIWYG markdown editor.


#18

Negative. A little outside JavaScript experience from dabbling off and on since high school, but no formal schooling. Anyone with a JS background can do the same thing.

brief clarification on this quill thing tho, are you saying that all anyone has to do is download that

If you want to use Quill, sure. It doesn’t seem harder than just downloading it. Just downloading it might not do everything you want, though. You seem to be repeatedly asking for an easy solution where I have told you in no uncertain terms that the solution is not easy. As for the features of Quill, you’ll have to look at the documentation.


#19

js experience is already a lot, do you know how many ppl in this universe dont have any about anything related to js? the % is large

this seems to be something that you actually use to build into a site, im going to dl it and see if it actually works as regular editor after downloading it since you had mentioned in early on


#20

nope dl button doesnt download it like every other site out there, instead lots of clicks to go some weird file names, and cant even download

it seems that you dont appreciate how hard this all is, and you just dismiss basic things with ‘negative’, so ill quote one of the comments for you,

Three words: it was hell.