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

[Решено] Установка TinyMCE на ocStore 2.3


Recommended Posts

Прежде чем задавать вопрос, покажите что вы делаете?

Захочу в папку TinyMCE (в папке javascript), затем перехожу в папку plugins, после чего нахожу расширение codemirror (https://github.com/christiaan/tinymce-codemirror). В нем есть три файла – plugin.min.js, plugin.js и source.html. Также есть папка langs с языковыми файлами. В такой связке все работает, но как изменить тему? Я просто не могу найти код, отвечающий за это.

 

По факту там еще есть папка codemirror-4.8, но от удаления ее редактор работает как и прежде, а значит она не задействуется.

Змінено користувачем SergDrakus
Надіслати
Поділитися на інших сайтах


Мне с вами грустно :)

 

Смотрите откуда, куда, что. в консоли браузера, как минимум

Да мне самому грустно если честно)

При чем тут консоль? Я не могу найти файл, отвечающий за вывод темы.

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


В файл Header.tpl (для админки) добавил строку:

<link type="text/css" href="view/javascript/tinymce/plugins/codemirror/theme/base16-dark.css" rel="stylesheet" media="screen" />

Это путь к файлу стилей для темы.

В файле Plugin.min.js добавил строку 

theme: "base16-dark"

вот в эту конструкцию:

var config = {
title: 'HTML source code',
url: url + '/source.html',
width: codemirrorWidth,
theme: "base16-dark",
height: codemirrorHeight,
resizable : true,
maximizable : true,
fullScreen: editor.settings.codemirror.fullscreen,
buttons: [
{ text: 'Ok', subtype: 'primary', onclick: function(){
var doc = document.querySelectorAll('.mce-container-body>iframe')[0];
doc.contentWindow.submit();
win.close();
}},
{ text: 'Cancel', onclick: 'close' }
]
};

Толку нет, не работает нужная мне тема по-прежнему.

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


потому что

		cssFiles: [// Default CSS files
			'lib/codemirror.css',
			'addon/dialog/dialog.css'
		]

Где? не скажу.

Да, только вот если речь идет про файл source.html, то изменения в нем вообще никак не отражаются на работе и отображении модуля.

 

Нет, вроде бы все еще толк от его редактирования есть. Только вот замена пункта

theme: 'default',

и добавление

theme/base16-dark.css'

не помогают.

Змінено користувачем SergDrakus
Надіслати
Поділитися на інших сайтах


Да, спасибо. Проблему решил. Ох уж все эти кеши. Вычистил все – OCMOD, cache папку, в браузере. Заработало.
Собственно зависимость такая. В папке CodeMirror требуется создать еще одну папку Codemirror (туда перетащить Codemirror с официального сайта или взять идущую в сборке 4.20 версию). Выбрать тему любую в файле source.html и внизу подписать строку

cssFiles: [// Default CSS files'lib/codemirror.css','addon/dialog/dialog.css','theme/3024-night.css']

Предпоследняя строчка – путь к файлу стилей темы.
 

39e0e9c3bf19.png

Змінено користувачем SergDrakus
Надіслати
Поділитися на інших сайтах


не правда, вот работает

 

1780393852.png

Не удобно Вас уже спрашивать, но все же спрошу :)

Можно ли как-то сделать так, чтобы эта конструкция вся открывалась не в отдельном окне поверх страницы сайта, а прямо в визуальном редакторе? 

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


вот вы сделали, как костыль :)

Не нужно лезть в source

			config: {           // CodeMirror config object
				mode: 'application/x-httpd-php',
				lineNumbers: true,
				width:600,
				height:300,
			theme: 'erlang-dark'
			},
			cssFiles: [
				'theme/erlang-dark.css'
			],
Надіслати
Поділитися на інших сайтах

 

вот вы сделали, как костыль :)

Не нужно лезть в source

			config: {           // CodeMirror config object
				mode: 'application/x-httpd-php',
				lineNumbers: true,
				width:600,
				height:300,
			theme: 'erlang-dark'
			},
			cssFiles: [
				'theme/erlang-dark.css'
			],

:) Спасибо!

А насчет отображения в пределах визуального редактора не подскажите?)

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


:-D

 

После НГ самая весёлая тема "Как сделать велосипед из костылей и потом как то на нём поехать" ....

Нет под рукой 2.3, поставил по своему на 2.1, час пытался вникнуть в удобства и не нашёл ни единого пункта.

 

И все эти танцы с бубном ради code mirror и что б редактор как в WP ?

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

Смешно)))) Особенно учитывая что всё это делается тем же ckeditor например или подключением codemirror в саммернот.И никаких танцев с бубном.

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

Вполне возможно,не вникал.Собрал ckeditor за 5 мин с установкой.Всё на борту ) А вот насчёт велосипеда на тинимайс....ну очень сомневаюсь,что оно того стоило

 

http://easycaptures.com/fs/uploaded/905/1305060734.png

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

  • 3 months later...

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

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

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

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

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

Вхід

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

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

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

×
×
  • Створити...

Important Information

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