## task
our project Vue+laravel (db postgresql) and old version Html5(JS,CSS)+PHP.
we have a task manager where we write text:
![[Pasted image 20241116153556.png]]
![[Pasted image 20241116153316.png]]
we encountered 2 problems:
1. lack of text formatting (b i s, u, code, quote)
2. no ability to insert an image
we need to implement a markdown editor + work with images and files. on html5(js lib, css)+php, or vue+laravel
### references:
- youtrack (our development task manager)
1. good: inserting an image from the clipboard with further ability to edit it (at least change size)
![[2024-11-16_15-40-47 (1).gif]]
- obsidan (the current text is formatted in it)
1. no ability to visually change the size of the image
2. immediately visually shows both the source and the application of the style
![[2024-11-16_15-45-29 (1).gif]]
* or the editor can have 2 columns at once: source and render:
![[Pasted image 20241116154741.png]]
files are stored in a separate folder on the server:
```php
$fileName = date("Ymd_His")."_".uniqid() . '-' . basename($file['name']);
$uploadDir = 'uploads/';
$filePath = $uploadDir . $fileName;
move_uploaded_file($file['tmp_name'], $filePath);
```