Escape

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

Рекомендуемые сообщения

Escape    15

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

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

Поделиться сообщением


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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Escape    15

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Sammy95    67

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
gdi31    5

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Sammy95    67

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    5

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    15

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
gdi31    5

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Escape    15

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

У меня нормально post-5018-0-63898300-1298962489_thumb.gif

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
JohnPingvin    0

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
spoon    2

gdi31

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
gdi31    5

gdi31

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Escape    15

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

следующее

* {

font-family:

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
gdi31    5

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

следующее

* {

font-family:

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

* {

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
gdi31    5

* {

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
tim21701    497

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

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

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

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

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

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

Изображение

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
gdi31    5

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
gdi31    5

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

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

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

Изображение

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
tim21701    497

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

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

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

Изображение

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
gdi31    5

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

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

Изображение

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
XuTpblu    1

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
makavelly    6

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

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
krashman    15

в 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 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу