В Jeditable, как сделать так, чтобы при нажатии на div для редактирования содержимое текстового поля имело начальное значение, которое обрабатывается?

Question

Когда пользователь нажимает на div, jeditable создаст текстовое поле. Однако я хочу, чтобы исходный текст был написан с помощью function stripTags() вместо того, что находится на странице.

Причина в том, что я использую некоторые методы URL, чтобы превратить обычные текстовые ссылки в URL. Когда пользователь нажимает на div, jeditable превращает их в <a href=>..</a>

Есть ли опция "beforeSubmit" в jeditable?

http://www.appelsiini.net/projects/jeditable

Answer 1

Jeditable имеет функцию данных, которая редактирует ваш редактируемый текст перед отправкой формы.

Попытка:

$('#sampleDiv').editable('blahblah...', {
  data: function(value, settings){
     return stripTags(value);
  }

});

Answer 2

В Jeditable вы можете передать параметр объекта параметров в редактируемую функцию.Поэтому в этом параметре option укажите событие, которое запускает начало редактирования элемента, чтобы у вас был полный контроль над элементом до и после начала редактирования.Пример:

$('#sampleDiv').editable(callBackFunction, {
   event: 'edit', //the event that will trigger the editing
   cssclass:'editForm' //the class of the form that will have the input textbox
   //some other options refer to Jeditable website for other options
}); 

теперь все, что вам нужно сделать, - это создать функцию, которая будет запускать редактирование и привязывать ее к двойному щелчку, щелчку или любому другому событию, которое вам нравится, и я собираюсь использовать щелчок для этого примера.

$('#sampleDiv').click(function () {
   $('#sampleDiv').trigger('edit');
   //now the input box is appearing so you can change the value here or do whatever u want
   var input = $('.editForm input');
   input.val(stripTags(input.val()));
});