THT DUYURU

 
 
Web Programming Section where Web programming languages are shared

Seçenekler

HTML DOM designMode Property

Gauloran - ait Kullanıcı Resmi (Avatar)
Kadim Üye
Üyelik tarihi:
07/2013
Nereden:
local
Mesajlar:
7.290
Konular:
1663
Teşekkür (Etti):
656
Teşekkür (Aldı):
1505
Ticaret:
(0) %
0
400
01-01-2021 03:37
#1
How to make any browser a basic html editor.
While working on one of my recent blogs, I stumbled upon an HTML DOM property that looked interesting.

In the past:
  • I had to see how the text change looks in a webpage – make change, ******* page or run the application again
  • I had to inspect, find the related DOM to make any text change to it and then write code to make the change to see it
  • I downloaded HTML page and then made some change in its text to add/edit/remove some comments for clean print.
  • Have some logic to provide an editable HTML page to users
Well, no more. Seems we have a new property (surely it was not there few years back but introduced recently): ********.designMode

I tried in Firefox, from menu items, go to: Tools -> Web Developer -> Web Console. Write:


Kod:
********.designMode = "on"

Post this, you can edit the webpage text right in your browser!
Sample real use case could be providing a portion of page editable to users. Add that in an iframe and then turn the designMode of that to ‘on’:


Kod:
iframeNode.content********.designMode = "on";


Quote:
A string indicating whether designMode is (or should be) set to on or off. Valid values are on and off
In Internet Explorer, it would be under Developer Tools, and so on for other browsers.

Browser Compatibility
Nice to have something like it to convert browser into a basic HTML editor! Keep learning. /This post is quoted

Reference

--------------------- more than you know
- Teşekkür etti.

Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler