Желательно ли использовать ContentEditable для веб-формы?

Question

Я хочу создать редактор форм, который редактирует текст прямо на странице и фиксирует изменения при наведении курсора на каждое поле. Там нет изменения шрифта или стиля, только прямые коробки.

Я видел некоторые вещи, такие как JEditable Но ящики и необходимость нажимать 'ok' для фиксации кажется немного непривлекательным и не интуитивным.

Мне было интересно просто применить contentEditable="true" к каждому элементу ... Я думаю, что это достигнет того же самого. Хотя это была бы не форма с входными данными, я должен был бы представить изменения через javascript, я думаю, но это подходит для моей ситуации. (это также кажется несколько более простым, чем забота о javascript для каждого элемента, например, с JEditable или чем-то подобным.

Это разумное решение? Я не беспокоюсь о поддержке мобильных браузеров для этой конкретной части сайта (надеюсь, iOS5 поддержит ее или что-то в этом роде ...).

Answer 1

Кодекс должен выглядеть примерно так:

$(".YourElementClassHere").click(function () { 
   $("#YourTextArea").position($(this).position());
   $("#YourTextArea").css("display", "block");
});

$("#YourTextArea").click(function() {
  if ( event.which == 13 ) {
     $("#YourTextArea").css("display", "none");
     // Do something to commit this: $("#YourTextArea").text();
  }
});

Кстати, это синтаксис jQuery для тех, кто этого не знает.Надеюсь, это поможет, так как я немного заржавел, этот javascript, возможно, нуждается в небольшом изменении.