lycarch/www/include/form.html

<div id="editArtForm">
<h2>Создание/редактирование статьи <span id="artID"></span></h2>

<div id="sendForm">
   <div id="loadPhoto">
   <h3>Загрузите изображения на сервер (если они есть в статье)</h3>
   <p><small>Допустимые форматы: jpg, png, svg. Изображения загружайте по одному. Максимальный размер файла — <nobr>1 МБ.</nobr></small></p>
   <input id="sendFileInp" type="file" accept=".jpg, .jpeg, .png, .svg"
      onChange="loadFile(currID)">
   <button type="button" onclick="dqs('#sendFileInp').click()"
      >Выбрать и загрузить файл</button>
   </div>

   <h3><small>Загруженные изображения</small></h3>
   <div id="filesCat">Изображения не загружены.</div>

   <h3>Заполните поля формы</h3>
   <input id="pUDK"  placeholder="Код УДК (без слова УДК, только код)">
   <textarea id="pHead" rows=2
      placeholder="Заголовок статьи (без точки в конце)"
      onblur="this.value = this.value
         .replace(/<</g, '«').replace(/>>/g, '»')
         .replace(/ --/g, ' —').replace(/--/g, '—').replace(/\.$/g, '')"
   ></textarea>
   <select id="pUnit">
      <option value=''>== Выберите тематический раздел ==</option>
   </select>  
   <input id="pAuthor" readonly>
   <input id="pAuOtch" placeholder="Отчество автора" onkeyup="addOtch()">
   <textarea id="pSved" rows=4
      placeholder="Сведения об авторе (со строчной буквы), например:
      учащийся 9Б класса
      учитель кафедры филологии" onblur="
      if(this.value) {
         let cont = this.value.replace(/\s+/g, ' ').trim().replace(/\.$/g, '');
         this.value = cont[0].toLowerCase() + cont.slice(1);
      }"></textarea>
   <input id="pEml" type="email"
      placeholder="E-mail автора (будет опубликован вместе со статьей)">
   <input id="pCoAuthors"
      placeholder="Логины соавторов через пробел, например: ivanov petrov">
   <textarea id="pAnnot" rows=7 placeholder="Аннотация"></textarea>
   <textarea id="pKeyWords" rows=2
      placeholder="Ключевые слова (строчными буквами через запятую)"
      onblur="this.value = this.value
         .replace(/,\s*/g, ', ').replace(/\.$/g, '')"
   ></textarea>
   <textarea id="pText" rows=25 placeholder="Текст статьи"></textarea>
   <textarea id="pBibl" rows=10
      placeholder="Список литературы (не обязателен)"></textarea>
   <button id="shwPub" type="button" onclick="showPub()"
      >Предварительный просмотр</button>
   <button id="sndPub" type="button" onclick="sendPub()">Отправить</button>
</div>

<h3>Предварительный просмотр статьи</h3>
<iframe id="preview" src=
"data:text/html;base64,PCFET0NUWVBFIGh0bWw+PGh0bWw+PGhlYWQ+PG1ldGEgY2hhcnNldD0idXRmLTgiPjwvaGVhZD48
Ym9keSBzdHlsZT0ibWFyZ2luLXRvcDogMjBweDsgdGV4dC1hbGlnbjpjZW50ZXIiPtCU0LvRjyDQ
v9GA0L7RgdC80L7RgtGA0LAg0YHRgtCw0YLRjNC4INC90LDQttC80LjRgtC1INC60L3QvtC/0LrR
gyDCq9Cf0YDQtdC00LLQsNGA0LjRgtC10LvRjNC90YvQuSDQv9GA0L7RgdC80L7RgtGAwrs8L2Jv
ZHk+PC9odG1sPg=="
></iframe>

</div>