内容可编辑与输入替换


Contenteditable vs input replacement

我正在开发一个应用程序,该应用程序将列出您之前保存的数据。 如果您有拼写错误,最初没有输入所有数据点等,您将有机会编辑数据块。

现在我让 JavaScript 获取给定块中每个元素的值(通过 PHP 中的 foreach 循环使用来自服务器的数据创建),将其保存到一个对象中,然后用 textarea 输入替换这些元素 ( <p> ),然后用之前抓取它的 js 对象中的数据填充它。

一方面,我在从动态内容中转义引号时遇到了问题,但也感觉这可能不是最优雅的解决方案。

在来是内容可编辑的。

基本上:我应该走这条路,在单击"编辑"按钮时使数据块中的每个元素都变得 contenteditable='true',还是浏览器支持太可疑了?

我目前的课程是一个可靠的计划吗?

还是有第三种(第四种、第五种等)选择?

谢谢!

除非您特别需要用户编辑HTML内容(或进行复杂的语法隐藏等),否则请使用输入/文本区域解决方案。更清洁,更轻巧,更容易做到。Contenteditable很快就会变得复杂,使用tinyMCE或类似的东西可能是一种矫枉过正。

如果你用过JSfiddle,你就会知道满足感的效果如何。 这就是他们使用的。 如果需要,您可以使用jQuery插件进行语法突出显示(Snippet,jquery-syntaxhighlighter)。