Create a WYSIWYG editor (embedded)?

No relevant progress, but I made another thing for fun. I was trying to work out how to potentially do columns with a single paragraph of text would flow from one to the next in real time.
http://ci-pro.com/wysiwyg/columns.php

If you edit one, the others update too. But it's an illusion-- they're just three separate columns positioned each 600px apart (the height of the container). It works... kinda. But then the ends of the columns are chopped off at weird places. I have no idea if it would be possible to fix it with some sort of "chopping detection" in JS. Probably beyond me.

At this point I can't rely on CSS3 columns. So I think I'll have to just make the users manually move from one column to the next.

I'll get back to the main script when I have a little more time.

Ok, I've added in some controls for bold and italics, which now include functional code for modifying the HTML in an element.

There's also a control to get the current node type (eg, P, UL, etc.) for the selection-- that's the first step in allowing an unbold or unitalic feature, by detecting what exists and what to remove as needed.

Demo:
http://ci-pro.com/wysiwyg/demo3.php

the only suggestion I can make so far, is, simply for aesthetic purposes, rather than alerting the element, write it to an element? Also, could you make it so that you can unbold and un-italic the text?

Quote:

---

the only suggestion I can make so far, is, simply for aesthetic purposes, rather than alerting the element, write it to an element?

---

That's just for working things out. Once it's reliable I'll be using that information for other things such as:

Quote:

---

Also, could you make it so that you can unbold and un-italic the text?

---

That's the next step. But I got stuck last night because it's hard to track whether text is bold at the moment. I intend to do it, but it'll take a little time. And unfortunately as this week begins I've got a few other commitments.

Updates soon!

Something else to check out in this vein:

http://www.dynamicdrive.com/forums/s...ea-using-ENTER

It starts out very simple but becomes a tutorial on how to do the sort of thing you're interested in.

Quote:

---

Originally Posted by djr33

No relevant progress, but I made another thing for fun. I was trying to work out how to potentially do columns with a single paragraph of text would flow from one to the next in real time.
http://ci-pro.com/wysiwyg/columns.php

If you edit one, the others update too. But it's an illusion-- they're just three separate columns positioned each 600px apart (the height of the container). It works... kinda. But then the ends of the columns are chopped off at weird places. I have no idea if it would be possible to fix it with some sort of "chopping detection" in JS. Probably beyond me.

At this point I can't rely on CSS3 columns. So I think I'll have to just make the users manually move from one column to the next.

I'll get back to the main script when I have a little more time.

---

on the topic of that, I managed to dig up a stack overflow thread on the topic:
http://stackoverflow.com/questions/7...-different-div