Шаблон JQuery - обратный шаблон

Question

Поэтому я работаю над системой документов со встроенной функцией шаблонов. На одной странице вы создадите свой шаблон с «тегами», используя разметку шаблонов jQuery:

${RestaurantName}
${ContactName}

Затем на странице документов вы бывыберите шаблон для использования, и тогда он конвертирует ваши теги в HTML-разметку.Страница документов использует CKEditor для редактирования WYSIWYG.Прямо сейчас у меня это так, что когда шаблон визуализируется, он будет выглядеть так:

<span class="RestaurantName">Ruby Tuesdays</span>
<span class="ContactName">Bob Smith</span>

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

Любая помощь или указатели на то, как я могу это сделать, были бы огромной помощью.Спасибо!

Answer 1

Благодаря некоторой помощи в чате StackOverFlow я смог выяснить, как преобразовать вышеуказанный текст:

var editorText = ckeditor.ckeditorGet().getData(), temp = $('<div />').append(editorText);

$.each(templateTags, function(name, val){
    temp.find('span.'+name).after('{{html '+name+'}}').remove(); 
}); 

console.log(temp.html()); 

Answer 2

Может быть проще подумать о получении данных из DOM, а не об «обратном шаблонировании». Посмотрите на $.link() (jQuery 1.4.3) или используйте плагин jeditable для обновления данных элемента на лету.