Drupal CKEditor Button

by Mike Gifford

HTML

<script src="https://open.canada.ca/core/assets/vendor/modernizr/modernizr.min.js?v=3.8.0"></script>
<script src="https://open.canada.ca/core/misc/modernizr-additional-tests.js?v=3.8.0"></script>
<script src="https://cdn.ckeditor.com/4.14.1/standard/ckeditor.js"></script>
<div>
   <div class="ui-dialog-titlebar ui-corner-all ui-widget-header ui-helper-clearfix"><span id="ui-id-3" class="ui-dialog-title">Insert Image</span><button type="button" class="ui-button ui-corner-all ui-widget ui-button-icon-only ui-dialog-titlebar-close" title="Close"><span class="ui-button-icon ui-icon ui-icon-closethick"></span><span class="ui-button-icon-space"> </span>Close</button></div>
   <div id="drupal-modal" class="ui-front ui-dialog-content ui-widget-content" style="width: auto; min-height: 16px; max-height: 679px; height: auto;">
      <div id="editor-image-dialog-form">
         <form class="editor-image-dialog" data-drupal-selector="editor-image-dialog-q99kkneyh-o" enctype="multipart/form-data" action="/editor/dialog/image/full_html" method="post" id="editor-image-dialog--q99kkNEYH-o" accept-charset="UTF-8" data-drupal-form-fields="edit-fid-upload---Wc_7wTyFV4,edit-fid-upload-button--p5qqs7z8MF4,edit-attributes-alt--Ny3MaFCZ67U,edit-attributes-data-align-none--XzAaDFXS8So,edit-attributes-data-align-left--JMNJJRkUz7o,edit-attributes-data-align-center--Q-iV-hkrj0E,edit-attributes-data-align-right--HY_dEs4P5ow,edit-attributes-hascaption--mgCvdjBtMnc,edit-actions-save-modal--gLKXshCF5xk">
            <div id="ajax-wrapper--8kG6oWvawfk">
               <div class="js-form-item form-item js-form-type-managed-file form-type-managed-file js-form-item-fid form-item-fid">
                  <label for="edit-fid-upload---Wc_7wTyFV4" id="edit-fid--fGGcxRb3_wY--label" class="js-form-required form-required">Image</label>
                  <div id="edit-fid--fGGcxRb3_wY" class="js-form-managed-file form-managed-file">
                     <input...

CSS

.form-required:after {
  display: inline-block;
  width: 6px;
  height: 6px;
  margin: 0 0.3em;
  content: "";
  vertical-align: super;
  /* Use a background image to prevent screen readers from announcing the text. */
  background-repeat: no-repeat;
  background-size: 6px 6px;
}