Elemental Text Editor (Please read whole post)

[towerofnix]

Wouldn't it be nice if you could replace the script editor contents with a custom text editor?

But wait! There are already places that have online webpage text editors! What's the point?

Well, the idea is while in the text editor, the block palette will stay open (but you can optionally close it). You can still drag blocks from the palette into the editor. If you drag a p block _{(we really need a p block)} into the editor, it will insert <p></p> in, with the cursor set between <p> and </p>.

Here are a few other things to note about the text editor that I can't really put inside a paragraph if I want to keep this post organized:

• Click on a paper icon to change to the text mode. This will replace the Block Editor with the Elemental Text Editor (ETE). You can click on a block icon to use the Block Editor again.
• Use ETE the same way you use any text editor. ETE is a fully functional text editor, including color coding, automatic tabs, find (and replace), multiple (synchronized) tabs, and autocompletion.
• ETE works with blocks. When you open ETE, the block palette stays with you. You can drag blocks right from the palette into your page text the same way you would drag blocks into the block representation of your page.
  • As you drag blocks, a transparent placeholder text appears where you will drop the block.
  • Blocks being dragged will barely be opaque so you can see the code underneath them.
  • Hold shift _(control?) while hovering your mouse over code to see it's block representation.
    • Of course, you can enable this in the Block Editor to see the text representation of blocks.
  • Copy and paste code between the Block and Text Editors.

One of the primary goals of ETE is to be a separate editor that works with the block editor.

Anywho opinions? 📦

[matthewr6]

I need a tl;dr 📦
I like it, but I personally think the site and editor core need more work.
Feel free to start on it, though - it would be good for others to understand my code :P

[rumanti]

I love the idea. One more step to "real" website designing- reducing the "big jumps".

This would also mean more support for copy-pasting love! I also love the abbreviation - ETE :P

[PolyEdge]

I'll write a parser to highlight the markup and auto-cleanup.

[matthewr6]

This is really far future - we should complete the editor before working on this.

[towerofnix]

So.. we added the far-future tag.

[PolyEdge]

I... meant... not... right... now... o.O

[matthewr6]

Oh ok :P

[towerofnix]

We can create the editor first and then we can relax for a few years and then we can create this :)

[matthewr6]

@liam4 please read through and understand (and maybe clean up) my JS if you haven't already

[towerofnix]

I haven't worked on Elemental in ages but I guess I can clean up stuff now :P