Member 14767261 Ответов: 1

Как мы вставляем фотографии В текстовую область PHP с помощью ck.editor?


Просто чтобы проверить, как я могу вставить изображение в текстовую область, используя ck editor в качестве моего плагина в PHP?

Есть ли какой-нибудь готовый источник, который я могу использовать в качестве ссылки?

Когда я попытаюсь перетащить в него изображение, я увижу зеленую полосу с надписью "загрузка успешна", и менее чем за секунду я увижу изображение в Редакторе. Затем появляется красная полоса. говоря: "ошибка HTTP произошла во время загрузки файла (404: файл не найден).

Вот часть моего кода,

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" 
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" 
crossorigin="anonymous">
    <link rel="stylesheet" 
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384- 
ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="css/Styles.css">
    <script src="ckeditor/ckeditor.js" type="text/javascript" ></script>


 <div class="form-group">
                                <textarea name="CommenterThoughts" class="form-control" rows="8" 
  cols="70"> </textarea>
                        </div>


Любой пример кода или помощь будут очень признательны.

Спасибо.

Что я уже пробовал:

Я попробовал создать кнопку загрузки..
но предпочитаю использовать копирование и вставку для более легкого ввода. Любой исходный код, на который я могу сослаться, будет великолепен.

Спасибо.

Richard MacCutchan

404: файл не найден
Это и есть ключ к разгадке.

1 Ответов

Рейтинг:
1

Richard Deeming

Документация объясняет требуемую конфигурацию JavaScript и то, как отброшенное изображение отправляется на сервер:
Загрузка отброшенных или вставленных файлов - документация CKEditor 4[^]

Код на стороне сервера будет по существу стандартным сценарием загрузки файлов, за исключением того, что он должен возвращать ответ JSON, как подробно описано в документации.

{
    "uploaded": 1,
    "fileName": "foo.jpg",
    "url": "/files/foo.jpg"
}


Member 14767261

Извините, так как я новичок в PHP, теперь я знаю, как включить приведенный ниже код в свой скрипт. Куда писать?

{
"загружено": 1,
"именем": "foo.jpg",
"адрес URL": "/files/foo.jpg"
}


Кроме того, что заменить для файла jpg?

Есть ли какой-нибудь пример рабочего примера, чтобы увидеть, как написать код?

Спасибо.

Richard Deeming

Вы пишете PHP-скрипт для обработки загрузки файла и хранения файла где-то на сервере. Затем вы возвращаете объект JSON с аналогичной структурой, представляющей имя и URL - адрес загруженного файла.

Я не "делаю" PHP, поэтому могу только указать вам на руководство:
PHP: обработка загрузки файлов - руководство пользователя[^]
PHP: json_encode - руководство пользователя[^]

(Я обработал вставленные изображения CKeditor ASP.NET ядро, но это тебе не очень поможет.)