contenteditable

Baseline Widely available *

This feature is well established and works across many devices and browser versions. Itâs been available across browsers since 2015ë 7ì.

* Some parts of this feature may have varying levels of support.

contenteditable ì ì í¹ì±ì ì¬ì©ìê° ììë¥¼ í¸ì§í ì ìëì§ ëíë´ë ì´ê±°í í¹ì±ìëë¤.

ìëí´ ë³´ê¸°

<blockquote contenteditable="true">
  <p>Edit this content to add your own quote</p>
</blockquote>

<cite contenteditable="true">-- Write your own name here</cite>

blockquote {
  background: #eee;
  border-radius: 5px;
  margin: 16px 0;
}

blockquote p {
  padding: 15px;
}

cite {
  margin: 16px 32px;
  font-weight: bold;
}

blockquote p::before {
  content: "\201C";
}

blockquote p::after {
  content: "\201D";
}

[contenteditable="true"] {
  caret-color: red;
}

ê°ë¥í ê°ì ë¤ìê³¼ ê°ìµëë¤.