ThunderCat

$field = trim(preg_replace('/\s+/', ' ', $field));

.outer:nth-child(2):hover {
    background: red;
}
.outer:nth-child(2):hover .inner {
    background: green;
}

Тут надо понимать, что форматы могут быть проприетарные и иже с ними. "Открывать в браузере файл doc" - это как открывать psd, ai, cdr, vsd и прочие. Кто то озаботился поддержкой а браузерах - например pdf. Т.е. условно adobe позвонила в гугл и сказала "вот вам описание, сделайте что бы pdf у вас в хроме открывался". Ну или наоборот, разрабы браузеров позвонили adobe и попросили. Или вообще адобе сделало pdf открытым (уточнить надо).

Это я к чему: Каждый формат надо рассматривать отдельно. И подключать библиотеки для корректного открытия. Просто браузер их не поддерживает. в Chrome например можно установить дополнительные приложения - и он будет перехватывать word и открывать его.

Для большинства популярных, не шибко закрытых форматов типа docx,xlsx есть куча библиотек для разных языков. Какие то платные, какие то нет. Они неофициальные, поэтому функциональность часто ограничена.
Т.е. условной microsoft не дает php-шникам библиотеку, чтобы всё хорошо работало. А сторонние разработчики кропотливо изучают формат и пишут программу для его разбора. Потом продают. Например https://www.phpdocx.com/pricing
Хотя для своего языка они бибилиотеку кажется сделали: https://code.msdn.microsoft.com/ASPNET-Document-Vi...
Аналогия с видео такая же - по умолчанию мало кодеков поддерживается. Зато есть куча библиотек-плееров, поддерживающих бОльшее кол-во форматов медиа.

Вам надо для каждого типа файлов искать, подключать и настраивать библиотеку, что бы пользователь тыкал на файл, php его разбирал и отображал как html.
Еще пример https://github.com/PHPOffice/PHPWord Хотя вообще гуглить по типу "php docx"

И самое главное: кто придумал слабую типизацию?

Для начала разберитесь с классическим заблуждением, и не путайте слабую типизацию и динамическую типизацию. Сейчас из вашего вопроса можно подумать, что это одно и то же.

Динамическую типизацию придумали для того, чтобы было легче писать обобщённые алгоритмы и мета-алгоритмы, в дин. языке для обобщения кода не нужны ухищрения типа дженериков (TypeScript, C# и много чего ещё) или шаблонов/макросов (C++). В ОО-языках часто доступны и другие удобства, например смена интерфейса объекта в зависимости от его состояния (т.к. решение о возможности вызова метода/свойства объект может принимать сам).

Слабую типизацию придумали чтобы заставить людей страдать (да, я не знаю кому такое нужно вообще).

Как вы пишете код на жс?

Мы не пишем код на JS, мы пишем код на TypeScript. Да, такие сейчас странные времена, когда язык со статической типизацией компилится в язык с динамической, т.к. исполнять на клиенте (в браузере) больше нечего пока.

Он же не должен быть напичкан parseInt() и !== undefined.

Не должен. Если писать на голом JS, можно а) использовать JSDoc для аннотаций о типах, и работать с типами на уровне документации и договорённостей; б) писать алгоритмы в максимально обобщенной манере, и требовать по возможности не конкретных типов данных, а значений, над которыми допустимы нужные вам операции; в) покрывать код тестами, что и спасает в динамических языках.

Чем больше проект, тем важнее статическая типизация, это нормально. JS - это язык который популярен по техническим причинам и по стечению обстоятельств, а не потому что он этого заслуживает (имхо). Очень неглупые дяди и тёти не стали бы тратить годы своего времени и кучу денег на разработку TypeScript и Flow, если бы это было ненужно.

Мы тоже не можем понять.
Включаете логирование ошибок и читаете логи.

или просто скачайте dump БД.
откройте через notepad ++ или sulime и замените при помощи regexp
<iframe \.*?>\.*?</iframe>
все зависит от БД и конкретный строк...

Можно использовать javascript. Например, достать из инпутов значения и составить ссылку с GET-параметрами. Потом через location.href("script.php/?q1=value1&q2=value2") передать в php-файл эти значения. Если же надо, чтобы осталась та же страница с инпутами, но данные передались, то используйте AJAX

В комментариях же всё объясняется:

.row:hover {
  // Next row, slides are above their columns, giving downward motion on hover
  & ~ .row .slide { transform: translateY(-100%); }
  
  // Current row, slides to the right of their columns, giving left motion on hover
  .slide { transform: translateX(100%); }
  
  // Current row, next slides, slides to the left of their columns, giving right motion on hover
  & .col:hover ~ .col .slide { transform: translateX(-100%); }
  
  // Current slide
  .col:hover .slide {
    transform: none;
    visibility: visible;
    transition-delay: 0s;
  }
}

Коротко говоря, всё на селекторах.