HTML DOM Element contentEditable ਵਿਸ਼ੇਸ਼ਤਾ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

contentEditable ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰਨ ਜਾਂ ਵਾਪਸ ਕਰਨ ਦੀ ਸੰਪਾਦਨ ਯੋਗਤਾ ਹੈ。

ਸੁਝਾਅ:ਤੁਸੀਂ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਵੀ ਵਰਤ ਸਕਦੇ ਹੋ ਕਿ ਇਲੈਕਟ੍ਰੌਨ ਦਾ ਸਮਾਧਾਨ ਸੰਪਾਦਨ ਯੋਗ ਹੈ ਜਾਂ ਨਹੀਂ ਪਤਾ ਕਰਨ ਲਈ。

ਇਸ ਵੱਲ ਵੀ ਦੇਖੋ:

isContentEditable ਵਿਸ਼ੇਸ਼ਤਾ

HTML contenteditable پرزنٹیج

ਉਦਾਹਰਣ

ਉਦਾਹਰਣ 1

ਇਸ ਵਿੱਚ ਸੰਪਾਦਨ ਯੋਗ ਹੈ:

<p id="myP" contenteditable="true">I am editable.</p>

ਜੇਕਰ myP ਸੰਪਾਦਨ ਯੋਗ ਹੈ ਤਾਂ true ਵਾਪਸ ਕਰੋ:

document.getElementById("myP").contentEditable;

ਸਵੈ ਸਿਖਲਾਈ ਦੇਣਾ

ਉਦਾਹਰਣ 2

myP ਦੇ ਸਮਾਧਾਨ ਨੂੰ ਸੰਪਾਦਨ ਯੋਗ ਵਿੱਚ ਸੈਟ ਕਰੋ:

document.getElementById("myP").contentEditable = "true";

ਸਵੈ ਸਿਖਲਾਈ ਦੇਣਾ

ਉਦਾਹਰਣ 3

ਸੰਪਾਦਨ ਯੋਗ ਵਿੱਚ ਤਬਦੀਲ ਕਰਨਾ:

cinst x = document.getElementById("myP");
if (x.contentEditable == "true") {
  x.contentEditable = "false";
  button.innerHTML = "Enable myP to be editable!";
}
  x.contentEditable = "true";
  button.innerHTML = "Disable myP be editable!";
}

ਸਵੈ ਸਿਖਲਾਈ ਦੇਣਾ

ਗਰਮਤਾ

ਸੰਪਾਦਨ ਯੋਗ ਵਿਸ਼ੇਸ਼ਤਾ ਵਾਪਸ ਕਰੋ:

element.contentEditable

ਸੰਪਾਦਨ ਯੋਗ ਵਿਸ਼ੇਸ਼ਤਾ ਸੈਟ ਕਰੋ:

element.contentEditable = value

ਵਿਸ਼ੇਸ਼ਤਾ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
value
  • "true" - ਸਮਾਧਾਨ ਸੰਪਾਦਨ ਯੋਗ
  • "false" - ਸਮਾਧਾਨ ਸੰਪਾਦਨ ਯੋਗ ਨਹੀਂ
  • "inherit" - ਮੂਲਭੂਤ।ਜੇਕਰ ਮਾਤਾ ਇਲੈਕਟ੍ਰੌਨ ਸੰਪਾਦਨ ਯੋਗ ਹੈ ਤਾਂ ਸੰਪਾਦਨ ਯੋਗ ਹੁੰਦਾ ਹੈ

ਵਾਪਸੀ ਮੁੱਲ

ਇੰਟਰਵਾਲ ਵਰਣਨ
ਸਟਰਿੰਗ ਜੇਕਰ ਇਲੈਕਟ੍ਰੌਨ ਸੰਪਾਦਨ ਯੋਗ ਹੈ ਤਾਂ true ਹੁੰਦਾ ਹੈ ਨਹੀਂ ਤਾਂ false。

ਬਰਾਊਜ਼ਰ ਸਮਰਥਨ

element.contentEditable() ਇਹ DOM Level 1 (1998) ਵਿਸ਼ੇਸ਼ਤਾ ਹੈ。

ਸਾਰੇ ਬਰਾਊਜ਼ਰ ਇਸ ਨੂੰ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਕਰਦੇ ਹਨ:

Chrome IE Edge فائرفاکس سافری آپریا
Chrome IE Edge فائرفاکس سافری آپریا
پشتیبند 9-11 پشتیبند پشتیبند پشتیبند پشتیبند