วิธีที่ถูกต้องในการเพิ่ม JS และ CSS ไปยังโหนด / แก้ไขและรูปแบบอื่น ๆ

ฉันกำลังสร้างเว็บไซต์ที่มี JS จำนวนมากและฉันสงสัยว่าฉันควรใส่รหัส JS ไว้ที่ใด อย่างดีที่สุดฉันต้องการให้ JS กับแต่ละโมดูลไม่ใช่เลเยอร์ธีม เนื้อหาบางอย่างอาจถูกเปิดเผยเป็นบล็อกเป็นต้น

แต่ฉันมีปัญหาบางอย่างกับแคช ในตัวอย่างของฉันฉันต้องเพิ่ม JS & CSS ในแบบฟอร์มการแก้ไขโหนด ฉันใช้ hook_block_view แล้ว แต่ถูกแคชไว้ ดังนั้นหากมีข้อผิดพลาดในรูปแบบการแก้ไขโหนดฟังก์ชัน drupal_add_js & drupal_add_css จะไม่ถูกเรียกใช้ ดูเหมือนจะเป็นจริงสำหรับ hook_node_prepare

คุณจะใส่ชั้น JS & CSS ที่ไหน และมี hooks ที่เรียกว่าแม้ว่าจะมีข้อผิดพลาดในแบบฟอร์มการแก้ไขโหนด?

หากคุณต้องการเพิ่ม JS และ CSS ในหน้าแก้ไขโหนดโดยเฉพาะ (หรือรูปแบบใด ๆ โดยทั่วไป) สิ่งที่ดีที่สุดและเหมาะสมที่จะทำคือ hook_form_alter () และคุณสมบัติที่คุณควรใช้คือ #after_build

ความคิดเห็นเกี่ยวกับ DO นี้จะบอกคุณว่าจะต้องทำอย่างไร - http://drupal.org/node/1253520#comment-4881588

หวังว่านี่จะช่วย :-)

คุณควรใช้คุณสมบัติ#attachedเพื่อให้แน่ใจว่า JS / CSS ได้รับการโหลดอย่างถูกต้องพร้อมกับองค์ประกอบการแสดงผลอื่น

ฉันรู้สึกว่าคำตอบและความคิดเห็นเหล่านี้จำเป็นต้องมีรหัสตัวอย่างโดยเฉพาะอย่างยิ่ง @AyeshK และ @Letharion นี่ยาวเกินไปสำหรับความคิดเห็นดังนั้นโปรดให้อภัยคำตอบ หากเป็นประโยชน์กับคุณโปรดโหวตด้วยคำตอบของ Sumeet หรือ Letharion นอกจากนี้ตัวอย่างต่อไปนี้จะเพิ่ม CSS อย่างเห็นได้ชัด แต่เกือบจะเหมือนกันสำหรับการเพิ่มจาวาสคริปต์

การใช้คำตอบของ @ 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 ฉันขอแนะนำให้คุณอ่านบทความนี้

libraries.yml

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

.โมดูล

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