Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

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


Escape

Recommended Posts

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

Сам редактор находится здесь: 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>
ДО:

post-5018-0-84278400-1298873062_thumb.jpg

После:

post-5018-0-06777900-1298873072_thumb.jpg

  • +1 3
Надіслати
Поділитися на інших сайтах


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

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


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: Сделайте то же самое ещё и в следующих файлах:

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

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

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


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

В IE и ФФ одинаково
Надіслати
Поділитися на інших сайтах


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

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


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

У меня нормально post-5018-0-63898300-1298962489_thumb.gif
Надіслати
Поділитися на інших сайтах


gdi31

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

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


gdi31

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

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


* {

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

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

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

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


  • 2 weeks later...

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

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

Открываете файл с настройками: 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).

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

  • +1 4
Надіслати
Поділитися на інших сайтах

  • 2 weeks later...

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

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

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

Изображение

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

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

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

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


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

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

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

Изображение

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

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

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


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

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

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

Изображение

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

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

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

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

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

Изображение

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

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

config.toolbarStartupExpanded = false; //Прятать панель инстр. (по дефолту true)
Во чудеса Изображение, а я тут велосипед изобретаюИзображение.

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

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


  • 1 month later...

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

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

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

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

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

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


  • 1 year later...

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

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

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

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

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

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

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


  • 2 years later...

в 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']
	];
};
может подскажете как сделать как на скрине: 

 

1596805.png

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


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

Ви повинні бути користувачем, щоб залишити коментар

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

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

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

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.