Задать вопрос

Какой есть wysiwyg редактор с загрузкой изображений?

Нужен простой 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);
				}
			}
		}
  • Вопрос задан
  • 157 просмотров
Подписаться 1 Средний 2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы