## задача
наш проект Vue+laravel (db postgresql) и старая версия Html5(JS,CSS)+PHP.
у нас есть задачник в котором мы пишем текст:
![[Pasted image 20241116153556.png]]
![[Pasted image 20241116153316.png]]
столкнулись с 2мя проблемами:
1. не хватает форматирование текста (b i s, u, code, quote)
2. нет возможность вставить картинку
нужно внедрить редактор markdown + работа с картинками и файлами. на html5(js lib, css)+php, или vue+laravel
### референсы:
- youtrack (наш задачник по разработке)
1. хорошо: вставка картинки из буфера с дальнейшей возможностью ее редактировать (хотя бы менять размер)
![[2024-11-16_15-40-47 (1).gif]]
- obsidan (текущий текст сформирован именно в нем)
1. нет возможность наглядно изменить размер картинки
2. сразу наглядно показывает и исходник и применение стиля
![[2024-11-16_15-45-29 (1).gif]]
* или редактор может иметь сразу 2е колонки: исходник и рендер:
![[Pasted image 20241116154741.png]]
файлы храним в отдельной папке на сервере:
```php
$fileName = date("Ymd_His")."_".uniqid() . '-' . basename($file['name']);
$uploadDir = 'uploads/';
$filePath = $uploadDir . $fileName;
move_uploaded_file($file['tmp_name'], $filePath);
```