Расширение визуального редактора ckeditor

Escape · 28 лютого 2011

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

Сам редактор находится здесь: admin/view/javascript/ckeditor

Почитать про сам редактор можно здесь: _docs.cksource.com/

Далее открываем данные файлы: admin/view/template/catalog/

product_form.tpl

category_form.tpl

Ищем код:

<script type="text/javascript" src="view/javascript/ckeditor/ckeditor.js"></script>

После него вставляем: toolbar : 'Full',

Должно примерно получиться так:

<script type="text/javascript"><!--
<?php foreach ($languages as $language) { ?>
CKEDITOR.replace('description<?php echo $language['language_id']; ?>', {
        toolbar : 'Full',
        filebrowserBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
        filebrowserImageBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
        filebrowserFlashBrowseUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
        filebrowserUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
        filebrowserImageUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>',
        filebrowserFlashUploadUrl: 'index.php?route=common/filemanager&token=<?php echo $token; ?>'
});
<?php } ?>
//--></script>

ДО:

После:

Sammy95 · 28 лютого 2011

Escape, а почему у вас ckeditor с русским интерфейсом? Вы что-нибудь делали для этого или так было сразу из коробки?

Escape · 28 лютого 2011

Да сразу был русский.

глянь у себя admin/view/javascript/ckeditor/lang

присутствует ли файл ru.js

Sammy95 · 28 лютого 2011

Файл на месте. А какой у вас браузер и какие языки в каком порядке стоят в его настройках? -- (для ФФ - Правка->Настройки->Содержимое - Языки->Выбрать).

gdi31 · 28 лютого 2011

Как можно быстро сделать из стандартного редактора.......

Сделал всё как написано, изменений ноль.

Может ещё надо, где-то, что-то?

Sammy95 · 28 лютого 2011

gdi31: Сделайте то же самое ещё и в следующих файлах:

admin/view/template/catalog/information_form.tpl

admin/view/template/sale/contact.tpl

admin/view/template/setting/setting.tpl

admin/view/template/setting/store.tpl

gdi31 · 28 лютого 2011

gdi31: Сделайте то же самое ещё и в следующих файлах:

admin/view/template/catalog/information_form.tpl

admin/view/template/sale/contact.tpl

admin/view/template/setting/setting.tpl

admin/view/template/setting/store.tpl

Во-о. Теперь всё в ёлочку. Спасибо!

Escape · 28 лютого 2011

Файл на месте. А какой у вас браузер и какие языки в каком порядке стоят в его настройках? -- (для ФФ - Правка->Настройки->Содержимое - Языки->Выбрать).

В IE и ФФ одинаково

gdi31 · 28 лютого 2011

Может не в тему, но вдруг кто в курсе. В визуальном редакторе,допустим, изменяю, шрифт на Comic Sans, в итоге на странице получаю шрифт поумолчанию, как будто и делать не чего не делал. Как жить с таким дальше? :)

Escape · 1 березня 2011

Может не в тему, но вдруг кто в курсе. В визуальном редакторе,допустим, изменяю, шрифт на Comic Sans, в итоге на странице получаю шрифт поумолчанию, как будто и делать не чего не делал. Как жить с таким дальше? :)

У меня нормально

JohnPingvin · 3 березня 2011

А есть ли возможность просматривать код создавамой статьи в этом редакторе?

Все, вопрос отпал :) Достаточно было нажать на "источник"

spoon · 3 березня 2011

gdi31

Если стоит нестандартный шаблон, то именно он может блокировать редактирование шрифтов, у меня такое было. Надо произвести некоторые манипуляции в stylesheet.css нового шаблона, точнее где идет описание шрифтов.

gdi31 · 4 березня 2011

gdi31

Если стоит нестандартный шаблон, то именно он может блокировать редактирование шрифтов, у меня такое было. Надо произвести некоторые манипуляции в stylesheet.css нового шаблона, точнее где идет описание шрифтов.

Можете поподробней про манипуляции, пожалуйста.

Escape · 4 березня 2011

открой stylesheet.css и посмотри

следующее

* {

font-family:

что у тебя написано далее

gdi31 · 4 березня 2011

открой stylesheet.css и посмотри

следующее
* {

font-family:
что у тебя написано далее

* {

font-family: Arial, Helvetica, sans-serif;

gdi31 · 5 березня 2011

* {

font-family: Arial, Helvetica, sans-serif;

Пробую что-то поменять в этой строке, изменений не происходит. Последний вариант - font-family: Arial, Helvetica, Comic sans ms, Times new roman, serif, sans-serif, cursive, fantasy, monospace;

В редакторе визуально всё выглядит как я и загадал, на сайте по локоть.

tim21701 · 17 березня 2011

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

А зачем вообще, лезть в код скрипта магазина, если всё есть в самом редакторе?

Открываете файл с настройками: admin/view/javascript/ckeditor/config.js и согласно правилам прописываете то - что хотите видеть. Их там мильён! ;)

Вот так CKEditor, выглядит у меня:

Вот мои настройки: (файл config.js)

CKEDITOR.editorConfig = function( config )
{
config.language = 'ru'; //Язык по умолчанию
config.skin = 'v2'; //Скин редактора (смотри в папке skins)
config.toolbar = 'Full'; //Панель инструментов
// config.uiColor = '#AADC6E'; 
config.width = '100%'; //Ширина редактора
config.startupFocus = true; //При открытии стр. где есть радактор - брать фокус на себя
config.smiley_columns = 10; //Столбики со смайлами
// config.scayt_uiTabs = '1,0,1';
config.toolbarStartupExpanded = false; //Прятать панель инстр. (по дефолту true)
// config.resize_enabled = true; 
// config.resize_minWidth = 900;
// config.resize_minHeight = 900;
// config.resize_dir = 'vertical'; //Изменять размер редактора только по высоте
config.height = '360px'; //Высота редактора
};

...

Версия редактора 3.5.2 (от 16 февраля 2011).

Обновление: Качаем архив и распаковываем с заменой. Всё.

gdi31 · 27 березня 2011

А зачем вообще, лезть в код скрипта магазина, если всё есть в самом редакторе?

Всё работало хорошо, думаю сделаю ещё лучше :).

Выполнил инструкцию поста № 17, редактор стал выглядить следующим образом:

Файл config.js - один в один как у Вас.

Скин, поменять могу. Панель инструментов - ставлю Basic, всё ровно глухо как в танке.

Может ещё что нужно сделать?

gdi31 · 27 березня 2011

Всё срослось :)!

Это я с config.js начудил.

gdi31 · 27 березня 2011

Вот мои настройки: (файл config.js)

CKEDITOR.editorConfig = function( config )
{
config.language = 'ru'; //Язык по умолчанию
config.toolbar = 'Full'; //Панель инструментов
};

Вот так CKEditor, выглядит у меня:

Версия редактора 3.5.2 (от 16 февраля 2011).

Как начиная что нибудь липить еще, сразу бигуди!

tim21701 · 27 березня 2011

...редактор стал выглядить следующим образом...

Так и должно выглядеть. Обратите внимание на правое вержнее поле редактора:

(Если на него нажать - открывается панель инструментов.)

Я это сделал для себя, так сказать - для удобства )))

Если Вам это не надо, откройте config.js и удалите удалите команду:

config.toolbarStartupExpanded = false; //Прятать панель инстр. (по дефолту true)

gdi31 · 27 березня 2011

Так и должно выглядеть. Обратите внимание на правое вержнее поле редактора:

(Если на него нажать - открывается панель инструментов.)

Я это сделал для себя, так сказать - для удобства )))

Если Вам это не надо, откройте config.js и удалите удалите команду:
config.toolbarStartupExpanded = false; //Прятать панель инстр. (по дефолту true)

Во чудеса

, а я тут велосипед изобретаю

.

Спасибо, обновил всё ОК.

XuTpblu · 15 травня 2011

Приветствую всех!

Встал вопрос "Как добавить Google maps?" на сайт, при чем на страницу с новостями (отдельный модуль). Проблему решил, но думаю будет полезно и другим участникам, кто задается подобным же вопросом.

В общем, есть такой плагин под названием Embed Media Dialog. Найти можно тут (я надеюсь что подобные ссылки разрешается размещать, т.к правила читать сил нет сейчас).

Устанавливаете его как описано в файлике readme.txt и имеете возможность добавлять <iframe> объекты. т.е не только карты гугла, яндекса, но и видео с различных ресурсов.

С уважением, Алексей

makavelly · 20 травня 2012

Приветствую всех!

Встал вопрос "Как добавить Google maps?" на сайт, при чем на страницу с новостями (отдельный модуль). Проблему решил, но думаю будет полезно и другим участникам, кто задается подобным же вопросом.

В общем, есть такой плагин под названием Embed Media Dialog. Найти можно тут (я надеюсь что подобные ссылки разрешается размещать, т.к правила читать сил нет сейчас).

Устанавливаете его как описано в файлике readme.txt и имеете возможность добавлять <iframe> объекты. т.е не только карты гугла, яндекса, но и видео с различных ресурсов.

С уважением, Алексей

А как установить на Opencart этот плагин --- Embed Media Dialog ???

krashman · 23 червня 2014

в config.js менял с Custom на Full

ничего удивительного не произошло, добавились лишь семейство шрифта и размер шрифта. всё

цвет шрифта по-прежнему нельзя настроить.

мой config.js :

CKEDITOR.editorConfig = function( config ) {
	// Define changes to default configuration here.
	// For the complete reference:
	// http://docs.ckeditor.com/#!/api/CKEDITOR.config
	config.filebrowserWindowWidth = '800';
	config.filebrowserWindowHeight = '500';
	config.resize_enabled = false;
	config.htmlEncodeOutput = false;
	config.entities = false;
	config.extraPlugins = 'codemirror';
	config.codemirror_theme = 'rubyblue';
	config.toolbar = 'Custom';

	config.toolbar_Custom = [
		['Source'],
		['Maximize'],
		['Bold','Italic','Underline','Strike','-','Subscript','Superscript'],
		['NumberedList','BulletedList','-','Outdent','Indent'],
		['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
		['SpecialChar'],
		'/',
		['Undo','Redo'],
		['Font','FontSize'],
		['TextColor','BGColor'],
		['Link','Unlink','Anchor'],
		['Image','Table','HorizontalRule']
	];
};

может подскажете как сделать как на скрине:

Вхід

Расширение визуального редактора ckeditor

Recommended Posts

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Important Information