CKEditor с Simple Image Browser плагин

Я пытаюсь использовать CKEditor с Simple Image Browser плагин на WampServer, но я извиняюсь, я действительно не понимаю, что ставить в этой строке:CKEditor с Simple Image Browser плагин

CKEDITOR.config.simpleImageBrowserURL

В видео он поставил php-файл, что положить в этот файл? (видео: https://www.youtube.com/watch?v=WB5Y8XNQlgE)

Я хотел бы показать фотографии, которые находятся в переменном каталог «изображений/$ ид /»

Спасибо за вашу помощь.

Страница плагина: http://ckeditor.com/addon/simple-image-browser

источник

2016-09-14 Fetide68

Для simpleImageBrowserURL вам необходимо предоставить URL (например, PHP скрипт), который обеспечивает содержание, как JSON.

Вы можете начать с URL в статический файл .txt с содержанием, как это:

[{"url": "/images/1234/image1.png"},{"url": "/images/1234/image2.png"}]

Или очень простой скрипт:

<?php 
header('Content-Type: application/json'); 
$id = '1234'; 
echo '['; 
echo '{"url": "/images/' . $id . '/image1.png"},'; 
echo '{"url": "/images/' . $id . '/image2.png"}'; 
echo ']'; 
?>

UPDATE

С приведенным выше php-скриптом простой плагин браузера изображений не загружает изображения. Это вызвано функцией jQuery $.get, которую использует плагин. В то время как JQuery уже разбирает JSON и передает объекты функции плагин пытается разобрать объекты (здесь переменную images):

$.get(CKEDITOR.config.simpleImageBrowserURL, function(images) { 
     var json; 
     console.log(images); 
     json = $.parseJSON(images); // this will not work if the images parameter contains objects

Может быть, что это работает таким образом с более старыми версиями JQuery ...

Итак, чтобы сделать эту работу сценария РНР поставить тип text/plain мима:

<?php 
header('Content-Type: text/plain'); 
$id = '1234'; 
echo '['; 
echo '{"url": "/images/' . $id . '/image1.png"},'; 
echo '{"url": "/images/' . $id . '/image2.png"}'; 
echo ']'; 
?>

источник

2016-09-14 05:50:41 gus27

Извините, но это не работает: вот мой файл «изображения list.php»: [{ url: 'http://i1-win.softpedia-static.com/screenshots/Simple-Browser_1.png' }] И у меня это нормально: CKEDITOR.config.simpleImageBrowserURL = 'images-liste.php'; Но изображение отсутствует в списке ... Спасибо за вашу помощь ... – Fetide68

Если ваше имя файла php равно * image-list.php *, вы должны написать 'CKEDITOR.config.simpleImageBrowserURL = 'image-list.php '', а не * image-liste.php * – gus27

Извините, я написал это в первый раз, я был здесь не так: CKEDITOR.config.simpleImageBrowserURL = 'images-liste.php'; и мое имя файла - images-liste.php. Есть ли способ убедиться в том, что это произошло? большое спасибо. – Fetide68

<!doctype html> 
<html> 
<head> 
    <title>Test</title> 
    <meta charset="utf-8" /> 

    <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
    <script src="scripts/ckeditor/ckeditor.js"></script> 
    <script src="scripts/ckeditor/plugins/simple-image-browser/plugin.js"></script> 

    <link href="styles/knacss.css" rel="stylesheet" type="text/css" /> 
    <link href="styles/ui.css" rel="stylesheet" type="text/css" /> 
    <link href="styles/fonts.css" rel="stylesheet" type="text/css" /> 
    <link href="styles/styles.css" rel="stylesheet" type="text/css" /> 

    <script> 
    $(function() { 
     CKEDITOR.config.extraPlugins = 'simple-image-browser'; 
     CKEDITOR.config.simpleImageBrowserURL = 'images-liste.php'; 

     CKEDITOR.replace('details'); 
    }); 
    </script> 
</head> 
<body> 
    <p><label for="description">Descripção:</label></p> 
    <p><textarea class="ckeditor" name="description" id="description"></textarea></p> 
</body> 
</html>

изображений-liste.php:

<?php header('Content-Type: application/json'); 
echo '['; 
echo '{"url": "http://andrewprokos.com/wp-content/uploads/22346-brasilia-cathedral-night-2.jpg"},'; 
echo '{"url": "https://upload.wikimedia.org/wikipedia/commons/6/6c/Brazil.Brasilia.01.jpg"}'; 
echo ']';                 
?>

Ошибки:

ckeditor.js: 327 Uncaught TypeError: Не удается прочитать свойство 'GetEditor' неопределенных
ckeditor.js: 610 Uncaught TypeError: Не удается прочитать свойство 'название' неопределенных

источник

2016-09-15 14:11:59 Fetide68

CKEditor с Simple Image Browser плагин

ответ

Смежные вопросы