为什么人们会选择可编辑的 DIV 而不是 INPUT 或 TEXTAREA

2024-03-31

There https://stackoverflow.com/questions/8933021/make-a-div-editable?s=1%7C3.6009 are https://stackoverflow.com/questions/1188581/how-to-make-a-div-editable-cross-browser?s=2%7C3.2905 several https://stackoverflow.com/questions/17900706/html-making-div-editable-by-clicking-on-the-edit-button?s=3%7C2.6357 问题 https://stackoverflow.com/questions/14156371/how-to-make-div-editable-which-is-created-dynamically?s=4%7C2.5706关于询问如何使 div 可编辑。然而,人们可以只使用文本区域或输入字段并将其禁用或只读。我猜这会产生更好的语义。即使给出的例子MDN https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_Editable对我来说看起来就像一个普通的旧输入字段。

那么为什么我要使用可编辑的 div 呢?与文本区域和输入字段相比,它有哪些优势?

我刚刚看了一眼一个例子 http://html5demos.com/contenteditable我在标签维基中找到了内容可编辑 https://stackoverflow.com/tags/contenteditable/info.

我可以在可编辑的 div 中使用标记,但不能在文本区域或输入字段中使用标记,这是优点吗?允许孩子进入文本区域在语义上不是更正确吗?或者引入一个全新的元素,就像他们在 HTML5 中所做的那样。就像是richtextarea?


您理论上的“richtextarea”不存在,因此当人们想要允许用户编写内容(包括格式、表格、图像等)时......他们必须使用可用的内容,即具有 contentEditable 的元素。

当然,如果您查看普通的“contentEditable”元素,它会很无聊,因此您必须查看功能齐全的编辑器,例如 CKEditor 或 TinyMCE,它们提供基于此功能的完整界面。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

为什么人们会选择可编辑的 DIV 而不是 INPUT 或 TEXTAREA 的相关文章