Contenteditable vs输入替换

时间:2012-05-31 01:12:48

标签: php javascript html5 input

我正在开发一款应用程序,其中包含您之前保存的数据列表。如果你有拼写错误,没有输入原来的所有数据点等,你将有机会编辑数据块。

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

对于一个我从动态内容中逃避引用的问题,但感觉这可能不是最优雅的解决方案。

in contenteditable。

基本上:我应该走这条路线,只需点击“编辑”按钮,使数据块中的每个元素contenteditable ='true',或者浏览器支持是否太可疑了?

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

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

谢谢!

2 个答案:

答案 0 :(得分:5)

除非您特别需要用户编辑HTML内容(或执行复杂的语法hilighting等),否则请使用input / textarea解决方案。更清洁,更轻便,更容易做到。 Contenteditable变得非常复杂,使用像tinyMCE或类似的东西可能会有点过分。

答案 1 :(得分:1)

如果您使用过JSfiddle,您就会知道自己的工作能力如何。这就是他们使用的东西。如果需要,可以使用jQuery插件进行语法高亮(Snippet,jquery-syntaxhighlighter)。