Você pode definir um módulo RequireJS no arquivo render.js
. Os sites carregam as dependências, como para JQuery, Mustache, o Plug-in de Texto do RequireJS e o plug-in de CSS do RequireJS.
define([ 'jquery', 'mustache', 'text!./layout.html', 'css!./design.css' ], function ($, Mustache, templateHtml, css) {
Você pode usar o sistema de modelos Mustache para renderizar o layout.
O arquivo assets/render.js
para um layout de conteúdo tem as seguintes propriedades:
Deve ser um módulo RequireJS
Deve retornar uma função de Construtor JavaScript. Os sites chamam a função de Construtor transmitindo um objeto de parâmetro. O objeto de parâmetro tem os dados do item de conteúdo e as APIs exigidas para renderizar o layout.
Essa função de Construtor deve ter um método render(parentObj)
que identifique a renderização do layout de conteúdo. Deve anexar o objeto DOM de layout de conteúdo ao objeto parentObj
transmitido ao render()method
.
O módulo RequireJS pode usar as dependências, inclusive JQuery, Mustache, o Plug-in de Texto do RequireJS e o plug-in de CSS do RequireJS. Essas dependências serão carregadas pelos sites. Você pode usar outras bibliotecas também.