Put х редактируемый источник в HTML вместо JavaScript

Question

Per https://vitalets.github.io/x-editable/docs.html, отборное меню настраивается следующим образом:

<a href="#" id="status" data-type="select" data-pk="1" data-url="/post" data-title="Select status"></a> 
<script> 
$(function(){ 
    $('#status').editable({ 
     value: 2,  
     source: [ 
       {value: 1, text: 'Active'}, 
       {value: 2, text: 'Blocked'}, 
       {value: 3, text: 'Deleted'} 
      ] 
    }); 
}); 
</script> 

Я хотел бы источник для хранения в HTML страницы, вместо того чтобы JavaScript. Каков «правильный» способ сделать это?

Answer 1

С их документы

Параметры могут быть определены с помощью Javascript $(). Редактируемые ({...}) или через данных- * HTML атрибуты.

Вы можете просто передать их JSON кодируются как data-attributes

<a href="#" id="status" data-type="select" data-pk="1" data-url="/post" 
      data-title="Select status" data-value="2" 
      data-source='[{value: 1, text: "text1"}, {value 2, text: "text2"}, ...]'> </a>