Jump to content

Добавить плагин в редактор

Featured Replies

Posted
comment_153867

Как добавить в редактор 4.3 плагин от сюда https://ckeditor.com/cke4/addons/plugins/all ?

 

Нажимаю в редакторе "Добавить кнопку". Файл плагина .zip 

Сохранить.

 

Редактор весь слетает... (((

  • Author
comment_153869

accop о не )

Я думал в стандартный редактор можно добавлять... ))

 

Тогда вопрос как установить редактор другой? ?

comment_153870
Только что, Горан Рабцевич сказал:

accop о не )

Я думал в стандартный редактор можно добавлять... ))

 

Тогда вопрос как установить редактор другой? ?

Это я хз, надо хорошо шарить в коде самого IPS и ознакомиться с документацией твоего редактора.

CKFinder Quick Start Guide

Вот быструю установку нашёл https://ckeditor.com/docs/ckfinder/ckfinder3/#!/guide/dev_installation 

  • Author
comment_153871

accop да уш, не ищут они легких путей ))

 

Буду разбираться, благодарю.

comment_153872
Только что, Горан Рабцевич сказал:

accop да уш, не ищут они легких путей ))

 

Буду разбираться, благодарю.

ты обязательно отпиши, как успехи там, очень самому интересно 

  • Author
comment_153873

Все таки можно ставить эти плагины в наш редактор. Но многие из них конфликтуют потом, что то с яваскриптами, ошибки в консоле сыпет и слетает он... *(

 

А вот некоторые плагины устанавливаются. Например вот интересный - https://ckeditor.com/cke4/addon/imgur

Он ставится через админку - кнопки редактора - добавить кнопку - плагин - файл плагина.

Кнопка в редакторе появляется! Но требует добавить имгурАйДи куда то в файл, но такого адреса куда он посылает у меня нет... *(

comment_153874
40 минут назад, Горан Рабцевич сказал:

Все таки можно ставить эти плагины в наш редактор. Но многие из них конфликтуют потом, что то с яваскриптами, ошибки в консоле сыпет и слетает он... *(

 

А вот некоторые плагины устанавливаются. Например вот интересный - https://ckeditor.com/cke4/addon/imgur

Он ставится через админку - кнопки редактора - добавить кнопку - плагин - файл плагина.

Кнопка в редакторе появляется! Но требует добавить имгурАйДи куда то в файл, но такого адреса куда он посылает у меня нет... *(

я сам пользуюсь имгур, отличный сервис, но чёт про айди не слышал, может надо приложение сделать? знаю есть pin код там, который приложения запрашивают его, чтобы связать работу с аккаунтом. 

Спасибо за инфу. может тоже посмотрю какие кнопки добавить 

  • Author
comment_153875

accop когда зарегистрируешь аккаунт наверное АйДи дают.

 

3 часа назад, accop сказал:

ты обязательно отпиши, как успехи там, очень самому интересно 

Та же просьба. Я тоже еще буду ковырять. 

  • Author
comment_153903
Цитата

How to add an Imgur upload button in the editor


1.

Create an Imgur account, and then register an application here: https://api.imgur.com/oauth2/addclient

Now you have a client ID, which is to be used in the Imgur plugin we add to the editor.


2.

Download the Imgur plugin from http://ckeditor.com/addon/imgur

Go to your ACP-> Customization-> Editor--> Toolbars-> "Add Button". Upload the plugin file(zip) for installation.

By now you can drag the button to the toolbar for it to show, but it won't function just yet.


3.

Connect to your FTP-> Edit file: applications/core/interface/ckeditor/ckeditor/config.js

Add the settings in the end of the file (remember to use your Client ID number):
 


CKEDITOR.editorConfig = function( config ) {
    config.extraPlugins = 'imgur';
    config.imgurClientId = '123535ae12372d4';
};


Save & upload, done.

Но у меня всё равно не работает... пишет что я не вставил клиентАйДи. Я думал это логин, но похоже нет...

  • Author
comment_153904

дА, надо айди получить зарегив приложение тут https://api.imgur.com/oauth2/addclient

Но все равно ошибки ((

Uncaught TypeError: Cannot read property '$' of null
    at c.<anonymous> (/forum/applications/core/interface/ckeditor/ckeditor/plugins/imgur/plugin.js?t=I8HL:17)
    at c.f (ckeditor.js:10)
    at c.<anonymous> (ckeditor.js:11)
    at c.window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.editor.CKEDITOR.editor.fire (ckeditor.js:13)
    at c.fireOnce (ckeditor.js:12)
    at c.window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.editor.CKEDITOR.editor.fireOnce (ckeditor.js:13)
    at c.<anonymous> (ckeditor.js:334)
    at ckeditor.js:340
VM470 &page=28&tab=comments:1 Failed to load https://api.imgur.com/3/image: Request header field X-Requested-With is not allowed by Access-Control-Allow-Headers in preflight response.
/forum/index.php?/topic/7416-sprashivayte-otvechaem/&page=28&tab=comments#comment-1475708:1 Uncaught SyntaxError: Unexpected token u in JSON at position 0
    at JSON.parse (<anonymous>)
    at Function.n.parseJSON (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js:2)
    at Object.<anonymous> (/forum/applications/core/interface/ckeditor/ckeditor/plugins/imgur/plugin.js?t=I8HL:52)
    at i (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js:2)
    at Object.fireWith [as rejectWith] (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js:2)
    at z (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js:2)
    at XMLHttpRequest.<anonymous> (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js:2)
VM470 &page=28&tab=comments:1 Failed to load https://api.imgur.com/3/image: Request header field X-Requested-With is not allowed by Access-Control-Allow-Headers in preflight response.
VM470 &page=28&tab=comments:1 Uncaught SyntaxError: Unexpected token u in JSON at position 0
    at JSON.parse (<anonymous>)
    at Function.n.parseJSON (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js?v=4e52a1ea3c:2)
    at Object.<anonymous> (plugin.js?t=I8HL:52)
    at i (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js?v=4e52a1ea3c:2)
    at Object.fireWith [as rejectWith] (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js?v=4e52a1ea3c:2)
    at z (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js?v=4e52a1ea3c:2)
    at XMLHttpRequest.<anonymous> (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js?v=4e52a1ea3c:2)

 

comment_153908
11 минут назад, Горан Рабцевич сказал:

дА, надо айди получить зарегив приложение тут https://api.imgur.com/oauth2/addclient

Но все равно ошибки ((


Uncaught TypeError: Cannot read property '$' of null
    at c.<anonymous> (/forum/applications/core/interface/ckeditor/ckeditor/plugins/imgur/plugin.js?t=I8HL:17)
    at c.f (ckeditor.js:10)
    at c.<anonymous> (ckeditor.js:11)
    at c.window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.editor.CKEDITOR.editor.fire (ckeditor.js:13)
    at c.fireOnce (ckeditor.js:12)
    at c.window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.editor.CKEDITOR.editor.fireOnce (ckeditor.js:13)
    at c.<anonymous> (ckeditor.js:334)
    at ckeditor.js:340
VM470 &page=28&tab=comments:1 Failed to load https://api.imgur.com/3/image: Request header field X-Requested-With is not allowed by Access-Control-Allow-Headers in preflight response.
/forum/index.php?/topic/7416-sprashivayte-otvechaem/&page=28&tab=comments#comment-1475708:1 Uncaught SyntaxError: Unexpected token u in JSON at position 0
    at JSON.parse (<anonymous>)
    at Function.n.parseJSON (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js:2)
    at Object.<anonymous> (/forum/applications/core/interface/ckeditor/ckeditor/plugins/imgur/plugin.js?t=I8HL:52)
    at i (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js:2)
    at Object.fireWith [as rejectWith] (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js:2)
    at z (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js:2)
    at XMLHttpRequest.<anonymous> (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js:2)
VM470 &page=28&tab=comments:1 Failed to load https://api.imgur.com/3/image: Request header field X-Requested-With is not allowed by Access-Control-Allow-Headers in preflight response.
VM470 &page=28&tab=comments:1 Uncaught SyntaxError: Unexpected token u in JSON at position 0
    at JSON.parse (<anonymous>)
    at Function.n.parseJSON (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js?v=4e52a1ea3c:2)
    at Object.<anonymous> (plugin.js?t=I8HL:52)
    at i (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js?v=4e52a1ea3c:2)
    at Object.fireWith [as rejectWith] (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js?v=4e52a1ea3c:2)
    at z (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js?v=4e52a1ea3c:2)
    at XMLHttpRequest.<anonymous> (root_library.js.165ba8e8b50e1c473b2a794e0cbfe698.js?v=4e52a1ea3c:2)

 

В последней версии 4.3.6 всё есть только руки нужны ровные

comment_153918
2 часа назад, Горан Рабцевич сказал:

У меня 4.3.6, но ни какого имгура в редакторе нет. 

руки кривые

  • Author
comment_153930

Evols вы кажется темой ошиблись. 

 

Это подфорум "Техническая поддержка IPS Community Suite 4", а не хирургия какая та. ;)

По теме сказать не чего? Просьба мимо проходить. 

comment_153931
2 минуты назад, Горан Рабцевич сказал:

Evols вы кажется темой ошиблись. 

 

Это подфорум "Техническая поддержка IPS Community Suite 4", а не хирургия какая та. ;)

По теме сказать не чего? Просьба мимо проходить. 

Я не каких плагинов не ставил, просто вставляю ссылку и она преобразовывается в изображение.

  • Author
comment_153956

Evols ну это ежу понятно когда ссылка есть. )))

 

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

 

Я же хочу - что бы в форме ответа нажал на кнопку в редакторе и с компа загрузил сразу картинку. (через плагин она на имгур сразу будет грузиться, а нам туда ходить не надо будет)

comment_153957
7 минут назад, Горан Рабцевич сказал:

Evols ну это ежу понятно когда ссылка есть. )))

 

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

 

Я же хочу - что бы в форме ответа нажал на кнопку в редакторе и с компа загрузил сразу картинку. (через плагин она на имгур сразу будет грузиться, а нам туда ходить не надо будет)

Можно ещё так сделать

1.thumb.png.6fab91e4a7eed5241345baa3a71dca73.png

После нажатия откроется окно

2.PNG.thumb.png.c63d77740e2ee09edfd67c79048b9e7c.png

Если всё же через ББ код то ищите

comment_153968

Если нужен загрузчик на имгур, могу поделиться) Вроде брал за основу плагин с ссылки выше и переписывал немного.. Можно загружать через кнопку в редакторе, ctrl+v с буфера либо перетаскиванием в редактор. Сейчас пользуюсь 4.3 и пока что всё работает

  • Author
comment_154014
В 19.12.2018 в 13:07, Evols сказал:

Можно ещё так сделать

А как сделатЬ? Тоже интересный вариант...

_____________

LastLife просьба закинуть в ЛС, попробую у себя. 

comment_154015
1 час назад, Горан Рабцевич сказал:

А как сделатЬ? Тоже интересный вариант...

_____________

LastLife просьба закинуть в ЛС, попробую у себя. 

В шаблонах core >global > forms > editorAttachments

Находишь строку

<a href='#' class='ipsButton ipsButton_light ipsButton_verySmall' data-ipsMenu id='elEditorAttach_media{expression="md5($editorName)"}'>{lang="editor_attach_other"} <i class='fa fa-caret-down'></i></a>

Перед ней вставляешь

 <button onClick="javascript:window.open('http://yapx.ru','','location=0,status=0,scrollbars=1,width=960,height=660'); "class="Yapix"><i class="fa fa-file-image-o" aria-hidden="true"></i> Yapix</button>
							<button onClick="javascript:window.open('https://imgur.com/upload','','location=0,status=0,scrollbars=1,width=960,height=660'); "class="imgur_com"><i class="fa fa-file-image-o" aria-hidden="true"></i> Imgur</button>
                          

В custom.css добавить

.Yapix {
    color: #f6f2f0;
    background: linear-gradient(#5f4781 10%, #5f4781 90%) !important;
    border: 0px;
    border-radius: 3px;
    width: 100px;
    height: 30px;
}
.imgur_com {
    color: #f6f2f0;
    background: linear-gradient(#40098e 10%, #40098e 90%) !important;
    border: 0px;
    border-radius: 3px;
    width: 100px;
    height: 30px;
}

 

comment_154040

Не знаю отличаются версии jquery в IPS 4.1 и 4.3, но в последней версии форума он добавляет дополнительный заголовок X-Request-With от чего браузер блокирует запрос (этот заголовок не содержится в ответе сервер Allow Headers). Лечится либо костылем при составление аджакс запроса из jquery, либо использованием нативного XMLHttpRequest. Я переписал на последнее.

  • 2 years later...
comment_173303
В 19.12.2018 в 11:07, Evols сказал:

Можно ещё так сделать

1.thumb.png.6fab91e4a7eed5241345baa3a71dca73.png

После нажатия откроется окно

2.PNG.thumb.png.c63d77740e2ee09edfd67c79048b9e7c.png

Если всё же через ББ код то ищите

есть возможность, что бы картинки вставлялись в форум после их загрузки на эти ресурсы?

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.