Jump to content

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

Featured Replies

Posted
comment_163169

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

Подскажите пожалуйста, не совсем понимаю, как вставлять по инструкции этот код?!
Вставляю в файле 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'

}

 

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

comment_163170

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

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

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

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

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

Please wait while is image is uploading...

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

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

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

comment_163173

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

image2_4.6.2.zip

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

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

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

image2_4.6.2.zip

comment_163176

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

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

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

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

6557.thumb.png.647b764e26bcac773daa6e02f2267890.png

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

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

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

comment_163179

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

comment_163180

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

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

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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.