Добавление кнопок в редактор - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

СвернутьПрикрепленные теги

Теги не найдены

Страница 1 из 1

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

#1 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 689
  • Регистрация: 13-Апрель 12
  • Репутация: 418
  • IPB version:1.x
 

Отправлено 28 Апрель 2018 - 20:37

пытаося установить плагин в редактор https://ckeditor.com...ddon/imagepaste но он не отобразился, и понял что версия не подходит... как его правильно удалить?
0

#2 Пользователь не на сайте   Zero108 ответил: »

 
 
  • Advanced
  • ***
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 1 818
  • Регистрация: 25-Июль 09
  • Репутация: 114
  • IPB version:4.1.x
 

Отправлено 28 Апрель 2018 - 23:35

/applications/core/interface/ckeditor/ckeditor/plugins
0

#3 Пользователь не на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 689
  • Регистрация: 13-Апрель 12
  • Репутация: 418
  • IPB version:1.x
 

Отправлено 29 Апрель 2018 - 06:50

Да я тоже так сделал. А этого достаточно?
0

#4 Пользователь не на сайте   Zero108 ответил: »

 
 
  • Advanced
  • ***
  • Смотреть галерею
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 1 818
  • Регистрация: 25-Июль 09
  • Репутация: 114
  • IPB version:4.1.x
 

Отправлено 29 Апрель 2018 - 20:19

Без понятия, что он там в базу данных успел прописать.
0

#5 Пользователь не на сайте   DarthOld ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 178
  • Регистрация: 26-Февраль 15
  • Репутация: 3
  • IPB version:3.4.x
 

Отправлено 16 Декабрь 2018 - 14:26

Собственно про добавление кнопок.

Версия ИПС 4.3. В редакторе есть кнопка "добавить кнопку". Рекомендует брать плагины с сайта CKEditor.

Кто то пробовал разобраться? Я уже с десяток перепробовал, они все конфликтуют где то (( в консоли ошибки яваскрипт. Може сикрет какой то есть?
0

#6 Пользователь не на сайте   siv1987 ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 9 446
  • Регистрация: 20-Март 09
  • Репутация: 2 546
  • IPB version:3.1.x
 

Отправлено 16 Декабрь 2018 - 22:22

Какие именно плагины? Не факт еще что они пройдут фильтры парсера форума.
0

#7 Пользователь не на сайте   DarthOld ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 178
  • Регистрация: 26-Февраль 15
  • Репутация: 3
  • IPB version:3.4.x
 

Отправлено 17 Декабрь 2018 - 12:48

Например вот интересный - https://ckeditor.com/cke4/addon/imgur

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

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

Он пишет добить Айди в ...ассетс\яваскрипт\СКедитор\конфиг - но таких папок нет у нас...

Сообщение изменено: DarthOld (17 Декабрь 2018 - 12:49)

0

#8 Пользователь не на сайте   siv1987 ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 9 446
  • Регистрация: 20-Март 09
  • Репутация: 2 546
  • IPB version:3.1.x
 

Отправлено 17 Декабрь 2018 - 13:22

someone сказал(а):

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.

2

#9 Пользователь не на сайте   siv1987 ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 9 446
  • Регистрация: 20-Март 09
  • Репутация: 2 546
  • IPB version:3.1.x
 

Отправлено 17 Декабрь 2018 - 13:29

Просмотреть сообщениеDarthOld сказал(а):

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

Он пишет добить Айди в ...ассетс\яваскрипт\СКедитор\конфиг - но таких папок нет у нас...

Если посмотреть внимательнее, во втором сообщение темы есть адрес где находится файл с настоойками ckeditor в IPS4.
0

#10 Пользователь не на сайте   DarthOld ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 178
  • Регистрация: 26-Февраль 15
  • Репутация: 3
  • IPB version:3.4.x
 

Отправлено 17 Декабрь 2018 - 13:47

Или я не правильно клиент айди вставил или что...
Но у меня не работает (

В консоли ошибки:
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)

Сообщение изменено: DarthOld (17 Декабрь 2018 - 15:37)

0

#11 Пользователь не на сайте   siv1987 ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 9 446
  • Регистрация: 20-Март 09
  • Репутация: 2 546
  • IPB version:3.1.x
 

Отправлено 18 Декабрь 2018 - 00:04

На удивление плагин прост до безобразия. И вопреки моим ожиданием, он у меня заработал даже на локалхосте с версией форума 4.1.

Попробуйте зарегистрировать приложение с опцией Authorization type - Anonymous usage without user authorization. На следующем шаге вы получите ключи Client ID и Client Secret. В конфигах ckeditor нужно вписать именно Client ID. После обновите пару раз страницу темы используя CTRL+F5 для сброса старого кеша браузера.

Если все сделали правильно особых проблем быть не должно, ибо запрос для загрузки анонимных изображений очень простой и требует только один параметр Authorization: Client-ID {{clientId}}, который можно использовать с любого хоста.

curl --location --request POST "https://api.imgur.com/3/image" \
  --header "Authorization: Client-ID {{clientId}}" \
  --form "image=R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"

0

#12 Пользователь не на сайте   DarthOld ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 178
  • Регистрация: 26-Февраль 15
  • Репутация: 3
  • IPB version:3.4.x
 

Отправлено 18 Декабрь 2018 - 07:55

Вот такой получается конфиг.

/*
 Copyright (c) 2003-2018, CKSource - Frederico Knabben. All rights reserved.
 For licensing, see https://ckeditor.com/legal/ckeditor-oss-license
*/
CKEDITOR.editorConfig=function(a){a.toolbarGroups=[{name:"document",groups:["mode","document","doctools"]},{name:"clipboard",groups:["clipboard","undo"]},{name:"editing",groups:["find","selection","spellchecker"]},{name:"forms"},{name:"basicstyles",groups:["basicstyles","cleanup"]},{name:"paragraph",groups:["list","indent","blocks","align","bidi"]},{name:"links"},{name:"insert"},{name:"styles"},{name:"colors"},{name:"tools"},{name:"others"},{name:"about"}];a.removeButtons="Cut,Copy,Paste,Undo,Redo,Anchor,Underline,Strike,Subscript,Superscript";
a.removeDialogTabs="link:advanced"};

CKEDITOR.editorConfig = function( config ) {
    config.extraPlugins = 'imgur';
    config.imgurClientId = '4af938a84c3a9f6';
};


И вот что пишет потом в консоли:
Uncaught TypeError: Cannot read property '$' of null
    at c.<anonymous> (plugin.js?t=I8HL:17)
    at c.f (ckeditor.js?v=4e52a1ea3c:10)
    at c.<anonymous> (ckeditor.js?v=4e52a1ea3c:11)
    at c.window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.editor.CKEDITOR.editor.fire (ckeditor.js?v=4e52a1ea3c:13)
    at c.fireOnce (ckeditor.js?v=4e52a1ea3c:12)
    at c.window.CKEDITOR.window.CKEDITOR.dom.CKEDITOR.editor.CKEDITOR.editor.fireOnce (ckeditor.js?v=4e52a1ea3c:13)
    at c.<anonymous> (ckeditor.js?v=4e52a1ea3c:334)
    at ckeditor.js?v=4e52a1ea3c:340
VM3812:1 [Deprecation] 'webkitURL' is deprecated. Please use 'URL' instead.
(anonymous) @ VM3812:1
The resource https://pagead2.googlesyndication.com/pagead/js/r20181205/r20180604/show_ads_impl.js was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.
VM3924 &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.
VM3924 &tab=comments:1 Uncaught SyntaxError: Unexpected token u in JSON at position 0
    at JSON.parse (<anonymous>)
    at Function.n.parseJSON (root_library.js.6481bb546ea36da1d524bf3dc8cf208b.js?v=4e52a1ea3c:2)
    at Object.<anonymous> (plugin.js?t=I8HL:52)
    at i (root_library.js.6481bb546ea36da1d524bf3dc8cf208b.js?v=4e52a1ea3c:2)
    at Object.fireWith [as rejectWith] (root_library.js.6481bb546ea36da1d524bf3dc8cf208b.js?v=4e52a1ea3c:2)
    at z (root_library.js.6481bb546ea36da1d524bf3dc8cf208b.js?v=4e52a1ea3c:2)
    at XMLHttpRequest.<anonymous> (root_library.js.6481bb546ea36da1d524bf3dc8cf208b.js?v=4e52a1ea3c:2)


У меня ИПБ 4.3.6...
0

#13 Пользователь не на сайте   siv1987 ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 9 446
  • Регистрация: 20-Март 09
  • Репутация: 2 546
  • IPB version:3.1.x
 

Отправлено 22 Декабрь 2018 - 02:12

Посмотрел ради интереса что там в IPS 4.3 могло изменится, что этот простой, на первый взгляд плагин перестал работать. И действительно, jquery в этой версии при аджакс запросе добавляет дополнительный заголовок X-Requested-With, который отсутствует в списке разрешенных в ответе сервера и браузер блокирует запрос с ошибкой:

Request header field X-Requested-With is not allowed by Access-Control-Allow-Headers in preflight response

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

Ловите ваш imgur плагин.

Вложений


2

#14 Пользователь не на сайте   DarthOld ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 178
  • Регистрация: 26-Февраль 15
  • Репутация: 3
  • IPB version:3.4.x
 

Отправлено 22 Декабрь 2018 - 06:16

Спасибо огромное!!
0

Сообщить об этой теме:


Страница 1 из 1


Быстрый ответ

  

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2019 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна