Now Reading
Edit this weblog put up! – Terence Eden’s Weblog

Edit this weblog put up! – Terence Eden’s Weblog

2024-02-06 01:57:47

This can be a common HTML web page. However in the event you click on or faucet on the textual content, it is possible for you to to edit it!

This is not a flowery styled <textarea>, it is a <div> aspect which makes use of the contenteditable world attribute.

There are some nifty options – relying in your browser.

  • You possibly can
  • add extra bullets
  • by urgent enter

How 🆒 is that?!

  1. Identical goes
  2. for numbered lists
  3. click on right here and kind a brand new line

Splelcheck is enabled utilizing spellcheck="true" so ya myte cee som wigggly rred linees underr sertin wordz.

Pre-formatted textual content can also be editable
Simply faucet in right here and kind away.
Enjoyable!
Desk Headings
You possibly can add textual content into tables
However browsers do not allow you to add new rows

However, there are some limitations. You might not be able to visit this link; the browser does not know in case your interplay occasion is to comply with or edit.

You possibly can’t add new parts. When you kind <h1> no new heading seems. You can also’t indent bullet factors.

The spell test will rely upon which dictionaries you have got put in.

You most likely cannot save the adjustments you have made. I imply, I assume you could possibly copy and previous them – however there isn’t any native technique to obtain what you have written.

World attributes could be utilized to any HTML5 aspect! Clearly, that is a bit nonsensical when utilized to media parts like <img>, <video>, and so forth.

However it is best to be capable of reduce, copy, and paste this picture to a different a part of the put up:
Me wearing a Google Glass headset
Or, certainly, some other piece of content material into the doc.

See Also

Is there a threat that somebody might edit your web site to point out one thing malicious? Sure, however they may try this anyway by enhancing the HTML instantly within the browser.

You can even edit the web page’s CSS – utilizing this little space:
<fashion>

</fashion>
(Due to Farai for the CSS tip!)

When you’ve noticed any weirdness in your browser when interacting with this put up – please drop me a observe within the feedback.



Source Link

What's Your Reaction?
Excited
0
Happy
0
In Love
0
Not Sure
0
Silly
0
View Comments (0)

Leave a Reply

Your email address will not be published.

2022 Blinking Robots.
WordPress by Doejo

Scroll To Top