노드 / 편집 및 기타 양식에 JS 및 CSS를 추가하는 올바른 방법

JS가 많은 사이트를 만들고 있는데 JS 코드를 어디에 넣을지 궁금합니다. 최적으로 테마 레이어가 아닌 각 모듈에 JS를 유지하고 싶습니다. 일부 콘텐츠는 블록 등으로 노출 될 수 있습니다.

그러나 캐시에 문제가 있습니다. 이 예에서는 노드 편집 양식에 JS & CSS를 추가해야합니다. hook_block_view를 사용했지만 캐시되었습니다. 따라서 노드 편집 양식에 오류가 있으면 drupal_add_js & drupal_add_css 함수가 호출되지 않습니다. hook_node_prepare의 경우에도 마찬가지입니다.

JS & CSS 레이어는 어디에 입력 하시겠습니까? 노드 편집 양식에 오류가 있어도 호출되는 후크가 있습니까?

JS 및 CSS를 특히 노드 편집 페이지 (또는 일반적으로 모든 양식)에 추가하려는 경우 가장 적합한 올바른 위치는 hook_form_alter ()이며 사용해야하는 속성은 #after_build입니다.

DO에 대한이 의견은 정확히 무엇을해야하는지 알려줍니다-http: //drupal.org/node/1253520#comment-4881588

도움이 되었기를 바랍니다 :-)

JS / CSS가 항상 다른 렌더링 요소와 함께 올바르게로드되도록 하려면 #attached 속성을 사용해야합니다 .

이 답변과 의견에는 필연적으로 @AyeshK와 @Letharion의 예제 코드가 필요하다고 느꼈습니다. 의견이 너무 깁니다. 답변을 용서해주세요. 도움이된다면 Sumeet 또는 Letharion의 답변을 투표하십시오. 또한 다음 예제는 분명히 CSS를 추가하지만 Javascript를 추가하는 것과 거의 동일합니다.

@Sumeet의 답변을 사용하지만 #attached대신 속성을 사용하면 drupal_add_css다음과 같습니다.

/* 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;
}

마지막 으로이 게시물drupal_add_css 에서 더 이상 사용되지 않는 것을 찾을 수 있습니다 . 그것은 drupal_add_xxx가 저와 마찬가지로 잘 작동하는 많은 사람들에게 뉴스 일 수 있습니다.

Drupal 8의 경우이 기사 를 살펴 보는 것이 좋습니다.

라이브러리 .yml

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

.구성 단위

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