一个奇怪的需求，前端不用“input or textarea”，实现输入框的功能，你会怎么做？
youla · 2020-12-29 21:29:39 +08:00 · 3066 次点击这是一个创建于 1423 天前的主题，其中的信息可能已经有所发展或是发生改变。
如题！
是我落后了，原来这样也行~~
<div class="content" contenteditable="true"></div>
 |
1
ysc3839 2020-12-29 21:33:00 +08:00 via Android  1
|
 |
2
heroes3top 2020-12-29 21:33:31 +08:00
中文输入有其他唤起输入法的控件吗 = =
|
 |
3
shintendo 2020-12-29 21:39:06 +08:00
各种富文本编辑器控件都是用这个做的
|
 |
4
CismonX 2020-12-29 21:39:15 +08:00 via iPhone
我第一反应是用 canvas 😐
|
 |
5
JinTianYi456 2020-12-29 21:40:04 +08:00
我上个月知道吧 [doge]
|
 |
6
westoy 2020-12-29 21:50:14 +08:00
wysiwyg 编辑器都是基于这个的
|
 |
7
DOLLOR 2020-12-29 21:50:50 +08:00
contenteditable="true"
富文本编辑都是用这个实现的。 你甚至可以把它加载 style 标签上。 |
 |
8
autoxbc 2020-12-29 22:03:04 +08:00
原生控件有 onchange 和 oninput 事件，自己搞的就没了
|
|
11
DOLLOR 2020-12-29 22:11:11 +08:00 3
@youla
<body> <style contenteditable style="display: block;"> .test { color: #f00; } </style> <div class="test"> text </div> </body> |
 |
14
nortonlai 2020-12-29 23:25:25 +08:00 via Android
大开眼界
|
 |
15
TargaryenChen 2020-12-30 09:04:38 +08:00
一些 web 上的 editor 组件就用的 contenteditable 实现的，例如 quill editor 。
|
 |
16
SpencerCoding 2020-12-30 09:12:19 +08:00
<div contenteditable="true">I'm Editable. Edit me!</div>
|
Select Language