i_m_newbie

N1ED - бесплатный редактор основанный на TinyMCE/CKEditor, и использующий его API. Везде, где вы уже используете TinyMCE 5 или CKEditor 4, вы устанавливаете N1ED как плагин. Основной плюс, что кроме современного редактора вы получаете поддержку плагинов классического CKEditor/TinyMCE, в т. ч. можно писать свои адд-оны.
В новых проектах вообще можно подключить N1ED к имеющейся textarea/input/div через скрипт с CDN за пару минут.

Обычно автопрефиксер подключаю так:

npm install postcss-loader --save-dev
npm i -D autoprefixer

В webpack.config.js:

{
        test: /\.scss$/,
        use:  [  'style-loader', 'css-loader', 'postcss-loader', 'sass-loader']
 }

Затем в postcss.config.js:

module.exports = {
    plugins: [
      require('autoprefixer')
    ]
}

У родительского элемента явно не задано свойство align-items для выравнивания потомков, соответственно, по умолчанию применяется значение stretch, т.е. все элементы в родительском блоке растягиваются по высоте. Отсюда высота всех div`ов одинаковая. Задайте то выравнивание, какое вам нужно (flex-start/center/baseline/flex-end), и блоки примут исходную высоту

В данном случае использовала бы свойство position: fixed; Sticky не всеми браузерами поддерживается. Конкретно в Chrome это свойство не поддерживается у элементов thead, tr: https://caniuse.com/#search=sticky

Попробуйте N1ED. В связке с CKEditor 4 или TinyMCE 5получится модульный редактор, подключающийся по API. Можно использовать в обычной CMS, а можно подключить к самописному одностраничнику.
Подключение простое:

<script src="ckeditor/ckeditor.js"></script>
<script>
  CKEDITOR.replace("editorId", {
     extraPlugins: "N1ED"
  });
</script>

Базовые виджеты есть в комплекте, для вашего клиента можете даже определить собственные кастомные HTML виджеты. Требование наглядности - есть, даже предпросмотр того, как выглядит страница на мобильных устройствах, можно редактировать в режиме мобильного устройства, если надо.

У CKEditor действительно есть две версии: 4 (редактор) и 5 (фреймворк). Это, в общем-то, два принципиально разных продукта, сравнивать их не совсем корректно, именно поэтому на их сайте они доступны (и развиваются) оба параллельно. CKEditor 5 вам подойдет если вы хотите запрограммировать (а не просто установить) что-то кастомное-кастомное, если для каких-то задач вам надо влезать под капот и переопределять логику работы. Если вам всего этого не надо (или надо, но в меньшей степени), то CKEditor 4 - готовый к использованию редактор, который можно усилить плагинами. Например, N1ED, который добавляет кучу разных штук и виджетов, интегрируясь как простой, казалось бы, плагин. Т. е. возможность кастомизации там всё также неплохая, но самый главный плюс - вы быстро компануете подходящее решение из уже готовых блоков (в CKEditor 5 их придется частенько пилить самому), и уже потом, если хотите чего-то эдакого, добавляете свой код (плагин) через прекрасно документированный CKEditor 4 API.

Вот этот плагин работает по такому принципу, без загрузки на сервер https://js.plus/products/image-embed

Текущий CKEditor 5 не позволяяет добавлять атрибуты для ссылок. Разработчики объясняют это изменением модели редактора, но допускают возможность разработки этой фичи в будущем. В качестве решения предлагается добавить в представлении редактора всем ссылкам атрибут target, переопределив поведение ссылок поумолчанию, что тоже не есть хорошо; в таком случае все ссылки будут открываться в новом окне. Обсуждение этого вопроса можно почитать здесь https://github.com/ckeditor/ckeditor5-link/issues/186 и проголосовать за добавление новой фичи.