Нужен простой wysiwyg редактор, который можно будет использовать у себя на сайте, например для блога.
1. Чтобы во время написания статьи не было видно тегов прямо в редакторе (например как на данном сайте)
2. Чтобы была поддержка мобильных браузеров
3. Чтобы можно было загружать изображения прямо с устройства
4. Функционал: b, i, list, table, blockquote, image, table
Больше всех мне понравился
https://ckeditor.com/ckeditor-5/demo/mobile-support/
Но я не смог на нем организовать загрузку изображений. В документации ничего не понял.
Может есть какой-то готовый модуль с загрузкой?
Чтобы можно было просто добавить в подключении:
$.ajax({
type: 'POST',
url: '/upload_image.php',
cache: false,
contentType: false,
processData: false,
data: formData,
dataType : 'json',
success: function(msg){
msg.forEach(function(row) {
if (row.error == '') {
$('#js-file-list').append(row.data);
} else {
alert(row.error);
}
});
$("#js-file").val('');
}
});
А в php что-то типа такого:
foreach ($_FILES["document"]["error"] as $key => $error) {
if ($error == UPLOAD_ERR_OK) {
$tmp_name = $_FILES["document"]["tmp_name"][$key];
$fileName = $receptionID.'_'.mb_strtolower($_FILES["document"]["name"][$key]);
$ext = substr($_FILES['document']['name'][$key], 1 + strrpos($_FILES['document']['name'][$key], "."));
if (!in_array($ext, $valid_types)){
$errorFyle .= '<li>'.$_FILES["document"]["name"][$key].'</li>';
Message('error', '<h3>Неверный тип файла</h3><ul>'.$errorFyle.'</ul>');
}else{
move_uploaded_file($tmp_name, $path.$fileName);
$Data['path'] = $path;
$Data['fileName'] = $fileName;
$Data['employeeID'] = $__PROFILE['employeeID'];
$Data['receptionID'] = $receptionID;
$ReceptionFiles->addReceptionFile($Data);
}
}
}
Средний
