Jump to content

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


 Share

Recommended Posts

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

 

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

Сохранить.

 

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

Link to comment
Share on other sites

accop о не )

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

 

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

Link to comment
Share on other sites

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

accop о не )

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

 

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

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

CKFinder Quick Start Guide

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

Link to comment
Share on other sites

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

 

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

Link to comment
Share on other sites

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

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

 

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

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

Link to comment
Share on other sites

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

 

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

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

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

Link to comment
Share on other sites

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

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

 

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

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

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

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

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

Link to comment
Share on other sites

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

 

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

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

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

Link to comment
Share on other sites

Цитата

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.

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

Link to comment
Share on other sites

дА, надо айди получить зарегив приложение тут 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)

 

Link to comment
Share on other sites

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 всё есть только руки нужны ровные

Link to comment
Share on other sites

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

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

руки кривые

Link to comment
Share on other sites

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

 

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

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

Link to comment
Share on other sites

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

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

 

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

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

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

Link to comment
Share on other sites

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

 

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

 

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

Link to comment
Share on other sites

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

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

 

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

 

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

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

1.thumb.png.6fab91e4a7eed5241345baa3a71dca73.png

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

2.PNG.thumb.png.c63d77740e2ee09edfd67c79048b9e7c.png

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

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

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

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

_____________

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

Link to comment
Share on other sites

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;
}

 

Link to comment
Share on other sites

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

Link to comment
Share on other sites

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

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

1.thumb.png.6fab91e4a7eed5241345baa3a71dca73.png

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

2.PNG.thumb.png.c63d77740e2ee09edfd67c79048b9e7c.png

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

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

Link to comment
Share on other sites

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
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

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

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...