<div contenteditable="true" placeholder="여기에 글자를 입력해주세요."></div>
위 처럼 html을 작성한 후 아래처럼 css를 작성한다.
[contenteditable=true]:empty:before{
content: attr(placeholder);
display: block; /* For Firefox */
}
div[contenteditable=true] {
border: 1px solid #ddd;
color : #333;
font-size: 12px;
width: 300px;
padding: 5px;
}
아래는 샘플
여기에 받은 값을 db에 전달해주려면 어떻게 해야죠??
안녕하세요. 답변이 늦었네용.
http://jsfiddle.net/sx4ztycz/4/
위 예제 보시면 제이쿼리로 div 의 속성값을 가져오게 하였습니다.
db로 전달하실 때 ajax로 보내시거나 하실 때 예제에 있는 alert() 안에 처럼 값을 가져와서 보내시면 될 듯 합니다.
http://jsfiddle.net/mynain/sx4ztycz/5/
요렇게 제이쿼리를 이용해서 text()로 입력된 데이터를 변수로 담은 뒤 ajax로 db에 보내주시면 될 듯 합니다.