Uploader

            
<!-- multiple uploader -->
<div id="imageUpload2" class="dropzone multiple-dropzone w-full rounded dz-clickable mb-6 text-center">
  <div class="p-6 bg-primary-100 border border-primary-200 dark:bg-primary-900 dark:border-primary-950 rounded focus:outline-none shadow-inset-fixed dz-message" data-dz-message="">
    <div class="pre-upload flex flex-col justify-center">
      <div class="mb-3"><span>Upload Gallery</span></div>
    </div>
    <div class="pre-upload text-center">
      <button class="py-3 px-4 relative inline-flex flex-row items-center justify-center gap-x-2 rounded text-sm tracking-[.00714em] font-medium bg-primary-100 border border-primary-200 dark:bg-primary-900 dark:border-primary-950 shadow-outset text-primary-700 dark:text-primary-200">Browse file</button>
    </div>
  </div>
</div>

<!-- single uploader -->
<div id="imageUpload1" class="dropzone single-dropzone w-full rounded dz-clickable mb-6 text-center">
  <div class="p-6 bg-primary-100 border border-primary-200 dark:bg-primary-900 dark:border-primary-950 rounded focus:outline-none shadow-inset-fixed dz-message" data-dz-message="">
    <div class="pre-upload flex flex-col justify-center">
      <div class="mb-3"><span>Upload Avatar</span></div>
    </div>
    <div class="pre-upload text-center">
      <button class="py-3 px-4 relative inline-flex flex-row items-center justify-center gap-x-2 rounded text-sm tracking-[.00714em] font-medium bg-primary-100 border border-primary-200 dark:bg-primary-900 dark:border-primary-950 shadow-outset text-primary-700 dark:text-primary-200">Browse file</button>
    </div>
  </div>
</div>
            
          

Text Editor

            
<!-- text editor -->
<div class="p-2 bg-primary-100 border border-primary-200 dark:bg-primary-900 dark:border-primary-950 rounded focus:outline-none shadow-inset-fixed">
  <textarea class="texteditor" id="texteditor" rows="3"></textarea>
</div>