Bonne façon d'ajouter JS et CSS au nœud / modifier et autres formulaires

Je fais un site avec beaucoup de JS, et je me demande où je dois mettre le code JS. Idéalement, je voudrais conserver le JS avec chaque module et non la couche de thème. Certains contenus peuvent être exposés sous forme de blocs, etc.

Mais j'ai des problèmes avec le cache. Dans mon exemple, je dois ajouter JS & CSS au formulaire d'édition de nœud. J'ai utilisé hook_block_view, mais il est mis en cache. Donc, s'il y a une erreur dans le formulaire d'édition de nœud, les fonctions drupal_add_js et drupal_add_css ne sont pas appelées. La même chose semble être vraie pour hook_node_prepare.

Où saisiriez-vous la couche JS & CSS? et y a-t-il des hooks qui sont appelés même s'il y a une erreur dans le formulaire d'édition du nœud?

Si vous souhaitez ajouter JS et CSS à la page d'édition de noeud en particulier (ou à n'importe quelle forme en général), le meilleur et le bon endroit pour le faire est le hook_form_alter () et la propriété que vous devez utiliser est #after_build.

Ce commentaire sur DO vous dit exactement quoi faire - http://drupal.org/node/1253520#comment-4881588

J'espère que cela t'aides :-)

Vous devez utiliser la propriété #attached pour vous assurer que JS / CSS est toujours correctement chargé avec un autre élément de rendu.

J'ai senti que ces réponses et commentaires avaient désespérément besoin d'un exemple de code, en particulier ceux de @AyeshK et @Letharion. C'est trop long pour un commentaire, veuillez donc pardonner la réponse. Si cela vous est utile, veuillez voter pour la réponse de Sumeet ou de Letharion. De plus, l'exemple suivant ajoute évidemment CSS, mais serait presque identique pour l'ajout de javascript.

Utiliser la réponse de @ Sumeet, mais en utilisant la #attachedpropriété à la place de drupal_add_css, ressemble à ceci:

/* Implements hook_form_FORM_ID_alter() */
function MY_MODULE_form_MY_FORM_ID_alter(&$form, &$form_state, $form_id) {
  $form['#after_build'][] = 'MY_MODULE_some_function_name_after_build';
}

function MY_MODULE_some_function_name_after_build($form, &$form_state) {
  $style_path = drupal_get_path('module','MY_MODULE') . '/css/my_css.css';
  // drupal_add_css('file', $style_path);
  $form['#attached']['css'][] = $style_path;
  return $form;
}

Enfin, la dépréciation de drupal_add_csspeut être trouvée dans ce post . Cela peut être une nouvelle pour beaucoup pour qui drupal_add_xxx fonctionnait très bien, comme pour moi.

Pour Drupal 8, je vous conseille de lire cet article

bibliothèques.yml

something: 
  version: VERSION
  js: 
    js/something.js: {}
  dependencies: 
    - core/jquery

.module

function MODULE_page_attachments(array &$page) {
  $page['#attached']['library'][] = MODULE/something;
}