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

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?!
- Identical goes
- for numbered lists
- 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:
Or, certainly, some other piece of content material into the doc.
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.