config('header_and_footer_scripts.footer.settings')->get(); $form['hfs_footer'] = [ '#type' => 'fieldset', '#title' => $this->t('Add Scripts and Styles in Footer'), '#description' => $this->t('All the defined scripts and styles in this section would be added just before closing the body tag.'), ]; $form['hfs_footer']['styles'] = [ '#type' => 'textarea', '#title' => $this->t('Footer Styles'), '#default_value' => isset($footer_section['styles']) ? $footer_section['styles'] : '', '#description' => $this->t('

You can add multiple stylesheets here with multiple ways, For example:

1. <link type="text/css" rel="stylesheet" href="http://www.example.com/style.css" media="all" />

2. <link type="text/css" rel="stylesheet" href="/style.css" media="all" />

3. <style>#header { color: grey; }</style>

'), '#rows' => 10, ]; $form['hfs_footer']['scripts'] = [ '#type' => 'textarea', '#title' => $this->t('Footer Scripts'), '#default_value' => isset($footer_section['scripts']) ? $footer_section['scripts'] : '', '#description' => $this->t('

You can add multiple scripts here with multiple ways, For example:

1. <script type="text/javascript" src="http://www.example.com/script.js"></script>

2. <script type="text/javascript" src="/script.js"></script>

3. <script type="text/javascript">console.log("HFS Footer");</script>

'), '#rows' => 10, ]; return parent::buildForm($form, $form_state); } /** * Implements FormBuilder::submitForm(). * * Serialize the user's settings and save it to the Drupal's config Table. */ public function submitForm(array &$form, FormStateInterface $form_state) { $values = $form_state->getValues(); $this->configFactory() ->getEditable('header_and_footer_scripts.footer.settings') ->set('styles', $values['styles']) ->set('scripts', $values['scripts']) ->save(); drupal_set_message($this->t('Your Settings have been saved.'), 'status'); } }