Перейти к содержанию
poetiq

Как установить новый шрифт в редактор ckeditor?

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

И снова всем привет :)

 

Возможно я чего то не догоняю но перерыв форум я пришел к выводу что такой темы нет :) а для меня она сейчас актуальна!

Из заголовка темы понятно что меня интересует :"Как установить новый шрифт в редактор ckeditor?"

 

Спасибо за оперативные ответы :), а лучше один но развернутый!

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


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

Забавно,а что изменение шрифтов  в стилях отменили? Я просто не в курсе! 

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


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

Теоретически, сам не не юзал:

Есть два файла у эдитора

файл первый

~\admin\view\javascript\ckeditor\config.js

Попробуйте следующее

В CKEditor / config.js добавить

config.contentsCss = 'fonts.css'; //the next line add the new font to the combobox in CKEditor config.font_names = 'fontnametodisplay/yourfontname;' + config.font_names;

 

а в fonts.css написать

@font-face {
font-family: PFAgoraSansPro-Black; /* Гарнитура шрифта */
src: url('http://--САЙТ--/font-style/PFAgoraSansPro-Black.eot?#iefix') format('embedded-opentype'), 
url('http://--САЙТ--/font-style/PFAgoraSansPro-Black.woff') format('woff'), 
url('http://--САЙТ--/font-style/PFAgoraSansPro-Black.ttf') format('truetype'), 
url('http://--САЙТ--/font-style/PFAgoraSansPro-Black.svg#PFAgoraSansPro-Black') format('svg');
}
 
Если сайт не накрылся )), но и шрифт не появиляся можно попробовать поправить 2й файл(в первый предварительно внеся указанные изменения)
~\admin\view\javascript\ckeditor\ckeditor.js 
в нем в районе 58 сторчки посмотрите как прописано для Comic Sans MS
можете прямо поиск по этому шрифту сделать, там всего два упоминания, оба на 58 строке (в сторе1.5.5.1.1).
-----------------------------------------
 
А вообще, Tom прав, если острой необходимости нет, то лучше просто fonts.css создать и в него покидать доп. шрифты, а потом через Style.css устанавливать отображение для отдельных повторяющихся блоков.
Ну или если вам одну/ две записи сделать, то просто отдельно шрифт установить для неё через див или <p> или спан или ..., ну вы поняли.
 
Удачи  :-)

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


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

Мини дополнение.

Если совсем "голяк", можно попробовать с этим парнем связаться http://ckeditor.com/users/sebstefanov - он 100% знает и всё расскажет за бесплатно,

но для этого нужно хорошо знать английский (

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


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

Мини дополнение.

Если совсем "голяк", можно попробовать с этим парнем связаться http://ckeditor.com/users/sebstefanov - он 100% знает и всё расскажет за бесплатно,

но для этого нужно хорошо знать английский (

Спасибо ;)

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


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

а есть прямой конкурент ckeditor?

Получилась так что текст весь гуляет - пишу централизовать в источнике - при следующей правки слетает((( Так же гуляет лишние (новая строка - пытаюсь убрать, все равно не убирается)

До ckeditor было все великолепно. ckeditor установился с каким то модулем(((

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


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

Забавно,а что изменение шрифтов  в стилях отменили? Я просто не в курсе! 

 а как в стилях редактировать шрифт описания товара в карточке товара, во вкладках? по умолчанию я не нашёл этого пункта в stylesheet

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


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

Помогает как правило ссылка на этот самый "неисправимый" текст)))

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


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

Помогает как правило ссылка на этот самый "неисправимый" текст)))

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

post-681736-0-36333400-1399842824_thumb.png

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


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

в файле

catalog/view/theme/THEME_NAME/stylesheet/stylesheet.css

найти

#tab-description

и в нем добавить

font-family: 'font_family_name';

Как-то так.

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


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

Тема актуальна, хотелось бы получить развернутый ответ, собираюсь использовать нестандартные шрифт например от google fonts, и вот хотелось бы подробно узнать как их засунуть в скедитор либо же как устанавливать через стили

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


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От MrNix21
      Здравствуйте. Столкнулся с проблемой, редактор CKeditor почему то удаляет заголовки (h1-h6). Например, пишу в визуальном редакторе текст, потом перехожу в источник, ставлю заголовок h2 и потом перехожу опять в визуальный редактор.И при переходе редактор заменяет заголовок на абзац. Почему так? Кто-нибудь сталкивался с этим? Если сохраняю текст в режиме "Источник" то заголовки сохраняются. Но если вновь открою страницу для редактирования, то заголовки опять заменяются абзацами.
      Буду благодарен ответившим!
    • От OldAine
      Скачать/Купить дополнение


      CKEditor Full v.4.0.1 Стабильная версия
      17.05.2015   Добавил еще два архива с другими темами оформления редактора (пример можете посмотреть здесь).
      10.09.2018   Внесён ряд изменения по улучшению работы редактора. Рекомендуется обновиться.
       
      Для чего это:
      В наших любимых движках (OpenCart и OcStore) для редактирования описания товара, категорий, статей и прочих подобных полей был встроен удобный и самый функциональный редактор - CKEditor. Но беда вся в том, что редактор этот изначально установлен с ограничением функционала, почти до самого минимума. Но это далеко не все его проблемы - так как редактор стоит в движке уже много лет, а обновлять его никто не собирается, то он до сих пор имеет в себе много разных багов, кстати говоря устранить которые разработчики даже в самых последних версиях так и не сумели
      Версия редактор 4.0.1 и да, конечно же, я знаю, что это далеко не последняя версия, но за-то она самая стабильная - багов почти нет и работает с текущей версией JQuеrу, менять которую почему-то совсем нельзя. Стоит подключить jquery поновее и в админке сразу-же что-нибудь отваливает.
       
      Какие плюсы:
      Обновлен до версии 4.0.1 FULL - т.е. функционал максимальный. Устранен баг из-за которого все время подставляется <br> или <p> в пустую форму. Устранен баг из-за которого тег noindex при сохранении оборачивался в тег <p></p>, что было крайне опасно для индексации, т.к. в индекс могло попасть, то что не надо. Устранен баг из-за которого в конец "абзаца" или всего текста все время подставлялась конструкция <p>&!nbsp; <br> </p>, создающая лишние смещения и пробелы. Увеличена первоначальная высота, для окна ввода информации, с 200 до 400px – так удобнее  Добавлена возможность безопасно вводить сложные конструкции состоящие из css, php, js и конечно html – ничего не удалится и не пропадёт.  
      Как установить:
      Разархивировать архив "ckeditor_v4.0.1 by OldAine.zip" на рабочий стол. На своем хостинге, папку admin\view\javascript\ckeditor переименовать, например, в ckeditor1. (это бекап) Папку "ckeditor", из архива на рабочем столе, переместить на хостинг по пути: admin\view\javascript\ Почистить кеш браузера. (так-же можно нажать Ctrl+F5 или просто F5 много раз подряд) Зайти в админку, открыть товар или категорию, проверить работоспособность. Если все работает, то юзайте на здоровье :), если что-то не так, то возвращаем все назад из бекапа.  
      Тех.Поддержка:
      Расширение бесплатное и большого ума не требует, так что поддержки нет.
      Я просто делюсь наработкой, так что не надо меня мучать вопросами, типа как прикрутить тот или иной плагин или изменить тему.
       
      Презентация:

      РЕКОМЕНДУЮ:
      Тормозит сайт? Нужна профессиональная оптимизация сайта? – обращайтесь к Snastik
      Консультации по SEO | SEO-оптимизация магазинов | Ускорение и оптимизация движка
      Добавил OldAine Добавлено 17.05.2015 Категория Редакторы Системные требования Сайт разработчика oldaine.ru Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 1.5.6.4
      1.5.6.3
      1.5.6.2
      1.5.6.1
      1.5.6
      1.5.5.1
      1.5.5
      1.5.4.1
      1.5.3.1 ocStore 1.5.5.1.2
      1.5.5.1.1
      1.5.5.1
      1.5.4.1.2
      1.5.4.1.1
      1.5.4.1
      1.5.3.1
      1.5.2.1
      1.5.1.3 OpenCart.Pro, ocShop OcShop 1.5.6.4.х
      Не проверялось  
    • От OldAine
      17.05.2015   Добавил еще два архива с другими темами оформления редактора (пример можете посмотреть здесь).
      10.09.2018   Внесён ряд изменения по улучшению работы редактора. Рекомендуется обновиться.
       
      Для чего это:
      В наших любимых движках (OpenCart и OcStore) для редактирования описания товара, категорий, статей и прочих подобных полей был встроен удобный и самый функциональный редактор - CKEditor. Но беда вся в том, что редактор этот изначально установлен с ограничением функционала, почти до самого минимума. Но это далеко не все его проблемы - так как редактор стоит в движке уже много лет, а обновлять его никто не собирается, то он до сих пор имеет в себе много разных багов, кстати говоря устранить которые разработчики даже в самых последних версиях так и не сумели
      Версия редактор 4.0.1 и да, конечно же, я знаю, что это далеко не последняя версия, но за-то она самая стабильная - багов почти нет и работает с текущей версией JQuеrу, менять которую почему-то совсем нельзя. Стоит подключить jquery поновее и в админке сразу-же что-нибудь отваливает.
       
      Какие плюсы:
      Обновлен до версии 4.0.1 FULL - т.е. функционал максимальный. Устранен баг из-за которого все время подставляется <br> или <p> в пустую форму. Устранен баг из-за которого тег noindex при сохранении оборачивался в тег <p></p>, что было крайне опасно для индексации, т.к. в индекс могло попасть, то что не надо. Устранен баг из-за которого в конец "абзаца" или всего текста все время подставлялась конструкция <p>&!nbsp; <br> </p>, создающая лишние смещения и пробелы. Увеличена первоначальная высота, для окна ввода информации, с 200 до 400px – так удобнее  Добавлена возможность безопасно вводить сложные конструкции состоящие из css, php, js и конечно html – ничего не удалится и не пропадёт.  
      Как установить:
      Разархивировать архив "ckeditor_v4.0.1 by OldAine.zip" на рабочий стол. На своем хостинге, папку admin\view\javascript\ckeditor переименовать, например, в ckeditor1. (это бекап) Папку "ckeditor", из архива на рабочем столе, переместить на хостинг по пути: admin\view\javascript\ Почистить кеш браузера. (так-же можно нажать Ctrl+F5 или просто F5 много раз подряд) Зайти в админку, открыть товар или категорию, проверить работоспособность. Если все работает, то юзайте на здоровье :), если что-то не так, то возвращаем все назад из бекапа.  
      Тех.Поддержка:
      Расширение бесплатное и большого ума не требует, так что поддержки нет.
      Я просто делюсь наработкой, так что не надо меня мучать вопросами, типа как прикрутить тот или иной плагин или изменить тему.
       
      Презентация:

      РЕКОМЕНДУЮ:
      Тормозит сайт? Нужна профессиональная оптимизация сайта? – обращайтесь к Snastik
      Консультации по SEO | SEO-оптимизация магазинов | Ускорение и оптимизация движка
    • От gello93
      300.00 руб
      Скачать/Купить дополнение


      WP Gallery for OpenCart 1.5.x (галерея для визуального редактора)
      Наконец то можно поставить галерею в opencart где угодно и сколько угодно!!!!
      Мне нравиться как галерея реализована у Wordpress. В Opencart по сравнению с ним не очень удобные галереи (нужны отдельные модули со своими страницами, или нужно создавать новые схемы и пихать в позиции блок модуля). С помощью этого модуля галерею можно вставить на любой странице и в любом количестве. Галерея встроена в текстовый редактор (в ней можно выбрать баннер для вставки)
      На текущий момент галерея работает на страницах:
      Статьи
      Товар
      Категория
      Производитель
      Модуль приветствие
      HTML блок
      Новости
      Pav Blog

      В других местах в редакторе можно добавить галерею, но на сайте она отображаться не будет. Можно обращаться после покупки по поводу совместимости с другими модулями, буду добавлять в следующих версиях. Также могу переделать одно или несколько полей из продукта под поле для галереи.
      Преимущества:
      Гибкая (можно задать количество изображений в ряду)
      Адаптивная (включается в настройках)
      Retina-ready (можно задать любой размер изображений)
      Удобная (работает в ckeditor)

      Галерея полностью мультиязычная, так как отдельно добавляется в редакторы на разные языки. Картинки берутся с баннеров. Описание картинки тоже мультиязычное, теперь оно не обязательное к заполнению в баннере. В будущем заполнения баннеров планируется еще упростить для ускорения их заполнения.
      Требует vqmod не ниже 2.3!!!!
      Заменяет стандартный CKEditor на полный!!!(Заменяются файлы CKEditor-а, это ничему не повредит)
      Если в CKEditor не отображается галерея чистите кеш браузера или воспользуйтесь другим браузером.
      Скрипт для галереи пока что только Fancybox2. Так как считаю его лучшим. Но буду рад и вашим пожеланиям, пишите добавлю в будущих версиях.
      Версия для Opencart 2.x
      Демо витрина Демо админка
      логин: demo, пароль demo
      Пример работы модуля:

      Changelog
      v 1.1
      Функции галереи стали частью класса Model_Tool_Image
      v. 1.2
      Исправлена проблема с локализацией ckeditor на языки отличающийся от Русского и Английского
      v 1.3
      Добавлена совместимость с модулем Blog Manager v 1.3.2
      Добавил gello93 Добавлено 09.09.2015 Категория Редакторы Системные требования Сайт разработчика Старая цена 485 Метод активации Ioncube Loader OpenCart ocStore OpenCart.Pro, ocShop  
    • От lavlan
      Скачать/Купить дополнение


      CKEditor Full v.4.3.4
      CKEditor
      CKEditor представляет собой готовое к использованию HTML текстовый редактор предназначен для упрощения создания веб-контента.
      Установка:
      заменить содержимым архива папку */admin/view/javascript/
      Добавил lavlan Добавлено 21.02.2013 Категория Редакторы  
  • Последние посетители   0 пользователей онлайн

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

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.