Перейти к содержанию

Кнопка изображения в CKEditor (плагин Image Uploader)


Рекомендуемые сообщения

Доброго вечера, Уважаемые!
 

Подскажите пожалуйста, не совсем понимаю, как вставлять по инструкции этот код?!
Вставляю в файле config.js, который находится в applications/core/interface/ckeditor/ckeditor/config.js следующий код:

 

CKEDITOR.config.extraPlugins: 'simage'  //to enable to plugin
CKEDITOR.config.imageUploadURL: <INSERT URL>
CKEDITOR.config.dataParser: func(data)

Файл simage_1.3.zip скачал и загрузил в "Кнопках редактора". Появился значок кнокпи загрузки изображения.
Подтянул наверх в панель. В редакторе на форуме появилась кнопка. При нажатии, появляется окно с выбором, откуда грузить картинку. Все в общем, как положено, стандартно. Выбрав изображение, нажав на загрузить, пишет вместо загруженного изображения: Please wait while image is uploading...
В общем, как понимаю, не правильно я добавил это по инструкции.
Смущает, необходимо ли в коде <INSERT URL> вставлять свой путь абсолютный к папке, скажем Upload?
И где прописывается по второму пункте в инструкции этот код:

{

  url: 'imageUrl'

}

Собственно, сами шаги:
 

  •  Click on download button, rename the folder to simage and add the entire simage folder into CKEditor plugins folder.
  • You can use this plugin with CKEditor. You need to configure the end point where you want to store the images uploaded using this plugin. Add it in your config.js as follows:
CKEDITOR.config.extraPlugins: 'simage'  //to enable to plugin

CKEDITOR.config.imageUploadURL: <INSERT URL>

CKEDITOR.config.dataParser: func(data)
  •  The dataParser attribute expects a function with a parameter in which you should pass the data returned by the endpoint that you have configured (imageUploadURL) . This function is expected to return a url. This url will be set to the src attribute of image html element.
  • Example response by imageUploadURL endpoint
{

  url: 'imageUrl'

}

 

Помогите пожалуйста, разобраться, чтобы заработала кнопка вставки изображений в посты.
 

Ссылка на комментарий
Поделиться на другие сайты

Достаточно просто импортировать zip файл в админке в разделе Внешний вид > Кнопки редактора

Ссылка на комментарий
Поделиться на другие сайты

1 час назад, Respected сказал:

Достаточно просто импортировать zip файл в админке в разделе Внешний вид > Кнопки редактора

Так и сделал по началу.

Кнопка появилась, но при загрузке любого изображения в посте, изображение не появляется, не вставляется, а в месте, где оно должно вставиться, пишет: 

Please wait while is image is uploading...

Потому и ищу решение...

Вот такое пишет. Прошу прощения, что сфоткал, а не скриншотом, за чужим ноутом нахожусь.

24C90CF1-23AA-4CE4-A671-CF5FA6E9EE9D.jpeg

Ссылка на комментарий
Поделиться на другие сайты

xdesired попробуйте этот файл, для редактора. загрузка или вставка изо.

image2_4.6.2.zip

и перед этим верните свой редактор в дефолт.

а потом уже загрузите в редакторе этоот файл.

лично у меня работает отлично

image2_4.6.2.zip

Ссылка на комментарий
Поделиться на другие сайты

Спасибо огромное, но по кнопке грузить изображение можно лишь по ссылке, т.е. выбора изображения с локального хранилища (компа) не предусмотрена.

Ссылка на комментарий
Поделиться на другие сайты

xdesired а как же это? в самом редакторе?

Спойлер

6557.thumb.png.647b764e26bcac773daa6e02f2267890.png

он работает так же

Ссылка на комментарий
Поделиться на другие сайты

Только что, SlawkA сказал:

xdesired а как же это? в самом редакторе?

  Скрыть контент

6557.thumb.png.647b764e26bcac773daa6e02f2267890.png

он работает так же

Это все работает у меня, но если пользоваться вставкой изо с помощью этой кнопки, то изображение прикрепляется всегда строго внизу поста, как вложение, а надобно, вставить изо в любое место поста или перед началом поста, как обложку. 👆

Вот в чем проблема и вопрос к Вам, Уважаемые знатоки! 🤝

Ссылка на комментарий
Поделиться на другие сайты

xdesired я так понимаю вы не умете работать с вставками изо? ))) минутку. сделаю видео)))

Ссылка на комментарий
Поделиться на другие сайты

Премного благодарен!

Я примерно понимаю, что можно вставить с этой кнопкой. Изображение вставиться в конец поста, потом переключиться в режим «кода» и перенести код в то место поста, куда мне необходимо. Это, как вариант, но танцы с бубном, проще было бы, кнопку иметь на панеле редактора. Нажал-выбрал-ок! )

P.S. Сделай все же, пожалуйста видео. Мне очень все это интересно и надо разобраться, как варианты, какие существуют. 
спасибо 🙏 

Ссылка на комментарий
Поделиться на другие сайты

xdesired ну вот как то так. я думаю поймете)

Спойлер

 

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...