当使用文本编辑的时候,首先会使用 textarea ,但是,这个里面不能加入其它标签,也就是不能富文本化。 于是可以使用 contenteditable 就是给 div 加上该属性。就变得丰富起来。使用的时候,发现有两个问题。 1、placeholder 无法正常使用,解决办法,是加上一段css: 1 2 3 4 5 6 7 .con:empty:before{ content: ...
当使用文本编辑的时候,首先会使用 textarea ,但是,这个里面不能加入其它标签,也就是不能富文本化。 于是可以使用 contenteditable 就是给 div 加上该属性。就变得丰富起来。使用的时候,发现有两个问题。 1、placeholder 无法正常使用,解决办法,是加上一段css: 1 2 3 4 5 6 7 .con:empty:before{ content: ...
border:1px solid #ddd; } .input:empty::before { content: attr(placeholder); }</style></head><body><divclass='input'contenteditableplaceholder='请输入文字'></div></body></html>
contenteditable="true" :placeholder="placeholder" @input="contentChange" ></div> // 输入框获取光标 placehodlder消失 /*为空时显示 element attribute content*/ .publish_content:empty:before{ content: attr(placeholder); /* element attribute*/ /*content: 'this is content';*/ color: #C0C4CC; ...
所以对于div标签而言是没有placeholder属性的，如果想有这个属性只能用css 或者js来模拟这个效果 ...
来源：html - Is it possible to add placeholder in div tag html:<div contentEditable=true data-...
{ width:300px; height:100px; border:1px solid gray; } .con:empty:before{ content:attr(placeholder); font-size: 16px; color: #999; } .con:focus:before{ content:none; } </style> </head> <body> <div class="con" contenteditable="true" placeholder="Leave a comment"></div> <script...
<div contenteditable="true" id="comment" onclick="handleComment()">Leave a comment</div> function handleComment() { var e = document.getElementById("comment"); e.innerHTML = ""; e.removeEventListener('click', handleComment, false); } 问题描述我这样实现的话,当鼠标聚焦到div标签的时候,...
phitha Initial Apr 16, 2015 8ca77ed·Apr 16, 2015 History 4 Commits demo LICENSE README.md jquery.editablediv.js Repository files navigation README MIT license editableDiv jQuery plug-in to allow users to edit the content of any DIV by using the content editable attribute with placeholder ...
Type 'unknown' is not assignable to type 'ReactPortal'. Overload 2 of 2, '(props: PropsWithChildren<Pick<SelectProps, "className" | "style" | "innerRef" | "ref" | "input" | "label" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | .....