Next Generation CMS :: Форум поддержки

Заинтересовала наша система? Тогда этот форум для Вас!

Вы не зашли.

#1 2010-08-05 09:28:06

Trashcka
Участник
Откуда КиевГрад
Зарегистрирован: 2008-12-04
Сообщений: 1,487
Рейтинг :   73 

Установка TinyMCE (визуальный редактор) на NG CMS

Свела к минимуму установку TinyMCE (RU) в Next Generation.

Установка редактора:
    * Скачать адаптированный TinyMCE
    * распаковать содержимое в папку с плагинами engine/plugins/, должно получиться так: engine/plugins/tiny_mce/
    * подключить TinyMCE (там, где необходима работа с редактором):

engine/skins/default/tpl/addnews.tpl - для добавления новости
engine/skins/default/tpl/editnews/edit.tpl - для редактирования новости
engine/skins/default/tpl/static/add.tpl - для добавления статики
engine/skins/default/tpl/static/edit.tpl - для редактирования статики

для этого в них надо добавить:

<script type="text/javascript" src="plugins/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="plugins/tiny_mce/config.js"></script>

Настройка редактора:
    * стили для самого редактора настраиваются в файле: engine/plugins/tiny_mce/content.css
    * конфигурация различных возможностей и функций редактора настраиваются в файле:  engine/plugins/tiny_mce/config.js


Примечания к сборке:
    * в сборке отключены некоторые возможности и функции, из-за их ненадобности
    * работоспособность визуального редактора тестировалась на сайте веб-студии web-Studio 17

Дополнительный плагин:
Если кому надо, плагин advlinkexternal позволяет автоматом вставлять в ссылки атрибуты rel="nofollow" и target="_blank".


P.S. Тини не работает или не корректно работает в IE6 и Opera.

Изменено Trashcka (2011-02-27 19:07:05)

Не в сети

#2 2010-08-14 16:22:53

legenda
Участник
Откуда ua
Зарегистрирован: 2009-12-22
Сообщений: 2,160
Рейтинг :   39 

Re: Установка TinyMCE (визуальный редактор) на NG CMS

Trashcka, спасибо, потестю и отпишу smile

Не в сети

#3 2010-08-15 04:12:04

Neo
Участник
Откуда SPB, Russia
Зарегистрирован: 2010-01-04
Сообщений: 463
Рейтинг :   

Re: Установка TinyMCE (визуальный редактор) на NG CMS

Не работает  (на ИЕ6)
(на NG rs1 локальный вариант, даже указывал полные пути для
<script type="text/javascript" src="http://sait/engine/plugins/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="http://sait/engine/plugins/tiny_mce/config.js"></script>)

На FF вверху одно окно редактора работает (то, что для короткой новости), второе окно (то, что изначально предназначалось полной новости) че-то забито кодом (как он туда попал?,  видно скрипт загнал, резанул и в нем сидит код html до конца страницы. т.е. до
</body>
</html>) и в результате нет справа и снизу много чего нужного и даже кнопки "добавить".

Завтра посмотрю на хостинге новую версию NG RC2

Изменено Neo (2010-08-15 04:34:36)

Не в сети

#4 2010-08-15 05:33:47

Neo
Участник
Откуда SPB, Russia
Зарегистрирован: 2010-01-04
Сообщений: 463
Рейтинг :   

Re: Установка TinyMCE (визуальный редактор) на NG CMS

на хостинге работает как бы (только для FF)
т.е. при "добавить" работает, а при "редактировать" - нет.

Не в сети

#5 2010-08-15 09:32:57

Trashcka
Участник
Откуда КиевГрад
Зарегистрирован: 2008-12-04
Сообщений: 1,487
Рейтинг :   73 

Re: Установка TinyMCE (визуальный редактор) на NG CMS

Neo, по идее или правильнее сказать должен точно работать в лисе, хроме и сафари, а вот с оперой непонятки, иногда работает иногда нет, из-за чего это пока не выяснила, про 6ИЕ даже не рассматривала, т.к. забила на него напрочь )


Еще один момент, ставя чистый Тини не на NG, а ... ну в общем на чистую страницу с textarea, то работает во всех браузерах, т.е. исходя из этого, можно полагать, что где-то скрипты движка дают конфликт при сочетании ослика/оперы и Тини.

Изменено Trashcka (2010-08-15 11:06:00)

Не в сети

#6 2010-08-15 14:09:42

Neo
Участник
Откуда SPB, Russia
Зарегистрирован: 2010-01-04
Сообщений: 463
Рейтинг :   

Re: Установка TinyMCE (визуальный редактор) на NG CMS

Trashcka . относительно браузеров ясно. (главное, чтоб в FF работал)

Но не понятно, почему не "подключается", если редактировать текст, а не вводить с нуля (режим NG "добавить"  работает, "редактировать" - нет)
Также ничего  не работает (ни добавить новую ст. стр. ни редактировать существующую) в статике.

Что можно предпринять? Хотелось бы хотя б чтобы "редактирование" работало на новости, ведь "добавление" работает.

Не в сети

#7 2010-08-15 15:40:48

Neo
Участник
Откуда SPB, Russia
Зарегистрирован: 2010-01-04
Сообщений: 463
Рейтинг :   

Re: Установка TinyMCE (визуальный редактор) на NG CMS

не ясно, почему в листинге пропадаут скрипты подключения при редактировании новости - скрипты добавил в шаблон addnews.tpl, может надо еще куда-то добавить именно для редактирования? help. please! (в статике скрипты подкл-я добавил в add и edit - они на месте, но не работают)

Изменено Neo (2010-08-15 15:42:14)

Не в сети

#8 2010-08-15 16:15:48

Trashcka
Участник
Откуда КиевГрад
Зарегистрирован: 2008-12-04
Сообщений: 1,487
Рейтинг :   73 

Re: Установка TinyMCE (визуальный редактор) на NG CMS

Neo,
в edit.tpl - для редактирования новости
в addnews.tpl - для добавления новости
в static/add.tpl - для добавления статики
в static/edit.tpl - для редактирования статики

По мимо всего прочего, для работы Тини в статике, надо в tiny_mce/config.js добавить еще один "блок" кода (сейчас там их два), т.е. надо скопировать один из них (разницы нет никакой), и в этом блоке схожую строку заменить на:

elements : "content",

Если кому-то еще надо будет работа Тини в статике, то обновлю архив.

Изменено Trashcka (2010-08-15 16:16:29)

Не в сети

#9 2010-08-15 16:36:49

Neo
Участник
Откуда SPB, Russia
Зарегистрирован: 2010-01-04
Сообщений: 463
Рейтинг :   

Re: Установка TinyMCE (визуальный редактор) на NG CMS

Спасибо большое, Trashcka ! Уже с редактированием новости разобрался самостоятельно (нашел edit.tpl , а то что-то ночью тормознул, подумал, что add универсальный и для редактирования)
Сейчас буду со статикой думать.
--- Всё заработало.
Теперь, думаю, надо "синхронизировать" стили от тини и шаблона сайта. 

Вот вставка изображений не очень интегрируется с существующим станд. методом вставки.
Можно ли усовершенствовать её, чтобы вставлять, например, выбирая из каталога визуально одним щелчком???

И ещё: без тини в фаере шла проверка на орфографию (автоматом подчеркивало ошибки, переносы и т.д. ) сейчас, к сожалению - нет.

Trashcka пишет:

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

У меня на опере 9,52 сработало только первый раз - далее не работает.

Изменено Neo (2010-08-15 22:14:40)

Не в сети

#10 2010-08-16 05:41:03

legenda
Участник
Откуда ua
Зарегистрирован: 2009-12-22
Сообщений: 2,160
Рейтинг :   39 

Re: Установка TinyMCE (визуальный редактор) на NG CMS

Потестил у себя, впринципе более меняе работает во все браузерах, но есть пару вопросиков
- у меня нету такого как в скриншоте в первом пункте (код | визивиг), а хотелось бы)
- кроме кнопок визивига у меня еще стоят кнопки движка и смайли, он нерабочие но как их убрать?
- загрузка фоток у меня не работает, в ячейке где должна бить кнопка закрузить ее просто нету
- при закидивании короткой и полной новости между ними почемуто пишет {content.delimiter}

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

И такой вопрос, если ставить не в папку engine/plugins/tiny_mce/, а в другую что надо и где менять?

Изменено legenda (2010-08-16 05:42:09)

Не в сети

#11 2010-08-16 09:26:26

Trashcka
Участник
Откуда КиевГрад
Зарегистрирован: 2008-12-04
Сообщений: 1,487
Рейтинг :   73 

Re: Установка TinyMCE (визуальный редактор) на NG CMS

1) во всех браузерах нету?

2) в файлах убить: {quicktags}<br /> {smilies}<br />
Также можно в файлы добавить примерно такой код:

   <a href="javascript:void(0);" onmousedown="tinyMCE.get('content.short').hide();"><b>Код</b></a>
   <a href="javascript:void(0);" onmousedown="tinyMCE.get('content.short').show();"><b>Визивиг</b></a>

(здесь content.short это id textarea)
тогда будет модно юзать и кнопки движка, правда надо будет Тини настроить на работу с БИБИкодом, либо же наоборот, перевести все движковые коды на HTML, что будет более правильно.

3) плагин imagemanager для Тини это платный продукт, посему его и нет, из-за вытекающих последствий

4) видимо где-то накосячил, это переменная к расширенному варианту MORE

5) поменять пути в tiny_mce/config.js и соответственно в подключаемых скриптах

Изменено Trashcka (2010-08-16 09:27:16)

Не в сети

#12 2010-08-16 13:06:13

legenda
Участник
Откуда ua
Зарегистрирован: 2009-12-22
Сообщений: 2,160
Рейтинг :   39 

Re: Установка TinyMCE (визуальный редактор) на NG CMS

Trashcka,

по п.3 тоесть нормально сделать фотками никак? а как тогда в прежнем варианте работало?
по п4. ти сделала такую супер установку что там накосячит нереально)), разве что версия движка не такая, но без пункта 3 мне чтото уже перехотелось ковирятся(((

Не в сети

#13 2010-08-16 13:17:34

legenda
Участник
Откуда ua
Зарегистрирован: 2009-12-22
Сообщений: 2,160
Рейтинг :   39 

Re: Установка TinyMCE (визуальный редактор) на NG CMS

   <a href="javascript:void(0);" onmousedown="tinyMCE.get('content.short').hide();"><b>Код</b></a>
   <a href="javascript:void(0);" onmousedown="tinyMCE.get('content.short').show();"><b>Визивиг</b></a>

если это добавить, то все работает но только в первом окошке где краткая новость а во втором где полная чето нехочет никак

Не в сети

#14 2010-08-16 13:34:58

Trashcka
Участник
Откуда КиевГрад
Зарегистрирован: 2008-12-04
Сообщений: 1,487
Рейтинг :   73 

Re: Установка TinyMCE (визуальный редактор) на NG CMS

3) нельзя распространять крякнутые программы, за это судят )), раньше работало и сейчас работает, просто вставляешь из старой версии этот плагин и все.
4) может и из-за версии, я на SVN 616 делала

legenda пишет:
   <a href="javascript:void(0);" onmousedown="tinyMCE.get('content.short').hide();"><b>Код</b></a>
   <a href="javascript:void(0);" onmousedown="tinyMCE.get('content.short').show();"><b>Визивиг</b></a>

если это добавить, то все работает но только в первом окошке где краткая новость а во втором где полная чето нехочет никак

Когда ты уже читать будешь внимательно, писала же:

Trashcka пишет:
<a href="javascript:void(0);" onmousedown="tinyMCE.get('content.short').hide();"><b>Код</b></a>
   <a href="javascript:void(0);" onmousedown="tinyMCE.get('content.short').show();"><b>Визивиг</b></a>

(здесь content.short это id textarea)

Т.е. вместо content.short подставлять id textarea для которой необходима работа Тини.

Не в сети

#15 2010-08-16 15:41:18

Neo
Участник
Откуда SPB, Russia
Зарегистрирован: 2010-01-04
Сообщений: 463
Рейтинг :   

Re: Установка TinyMCE (визуальный редактор) на NG CMS

"imagemanager для Тини это платный продукт" - Trashcka , а сколько он стоит, может скинуться можно?
legenda ,  что значит "работает во всех браузерах" - привыкай математически точно излагать свои мысли - версии браузеров какие? NG какой сборки?

Не в сети

#16 2010-08-16 15:59:54

Trashcka
Участник
Откуда КиевГрад
Зарегистрирован: 2008-12-04
Сообщений: 1,487
Рейтинг :   73 

Re: Установка TinyMCE (визуальный редактор) на NG CMS

Neo пишет:

а сколько он стоит, может скинуться можно?

Расценки

Изменено Trashcka (2010-12-13 14:52:54)

Не в сети

#17 2010-08-17 15:11:41

EsCaPeR
Участник
Зарегистрирован: 2008-10-17
Сообщений: 71
Рейтинг :   

Re: Установка TinyMCE (визуальный редактор) на NG CMS

Trashcka, подскажи плиз как интегрировать такую кнопку Toggle editor with JavaScript

Не в сети

#18 2010-08-17 15:16:04

Trashcka
Участник
Откуда КиевГрад
Зарегистрирован: 2008-12-04
Сообщений: 1,487
Рейтинг :   73 

Re: Установка TinyMCE (визуальный редактор) на NG CMS

EsCaPeR, в месте где необходим вывод сей кнопки вставить код:

<a href="javascript:toggleEditor('content');">Показать/Скрыть редактор</a>

Здесь content - это id textarea для которой будет работать функция показа и скрытие редактора.

EsCaPeR, вообще там этот код есть надо только нажать на пипку - View Source

Не в сети

#19 2010-08-17 15:38:31

EsCaPeR
Участник
Зарегистрирован: 2008-10-17
Сообщений: 71
Рейтинг :   

Re: Установка TinyMCE (визуальный редактор) на NG CMS

Trashcka, мне нужно было некоторые страницы редактировать без вмешательства визивига, а после правки в View Source и последующего сохранения, всеравно применялось форматирование визивига...

Здесь content - это id textarea для которой будет работать функция показа и скрытие редактора.

протупил...вместо id textarea вставлял id div'а (container.content.short) 8)

Не в сети

#20 2010-08-19 20:04:45

Neo
Участник
Откуда SPB, Russia
Зарегистрирован: 2010-01-04
Сообщений: 463
Рейтинг :   

Re: Установка TinyMCE (визуальный редактор) на NG CMS

При внесении в config
extended_valid_elements : "noindex, ...
он всё равно вырезается редактором

Не в сети

#21 2010-08-20 00:19:13

Trashcka
Участник
Откуда КиевГрад
Зарегистрирован: 2008-12-04
Сообщений: 1,487
Рейтинг :   73 

Re: Установка TinyMCE (визуальный редактор) на NG CMS

Neo, не должен, покажи весь конфиг.

Не в сети

#22 2010-08-20 13:40:27

Neo
Участник
Откуда SPB, Russia
Зарегистрирован: 2010-01-04
Сообщений: 463
Рейтинг :   

Re: Установка TinyMCE (визуальный редактор) на NG CMS

Trashcka пишет:

Neo, не должен .

Да, не должен. Я сам виноват (2 сайта - 2 "встроенных" конфига - в одном изменял параметры - в другом проверял работу, а третий анализировал... smile ) На свежий взгляд проверил - все работает, спасибо!

Изменено Neo (2010-08-24 21:24:35)

Не в сети

#23 2010-08-23 22:00:12

Babai
Участник
Зарегистрирован: 2010-08-10
Сообщений: 3
Рейтинг :   

Re: Установка TinyMCE (визуальный редактор) на NG CMS

Neo, не должен, покажи весь конфиг.
Извините конечно вы грамотны ,но зачем так усложнять cms
просто надо сделать так,  чтоб люди могли вставлять свои html коды.
Надо в систему внести нормальный  визуальный редактор или же  переключатель ,вставить свой html код .
Не приятно работать без этого.
Я не понимаю в php , но в совершенстве владею  html и css,   критику примите правильно, а не как достаток.
Далеко не все будут ковыряться в файлах  и втыкать визуальный редактор .
Просто найдут другую  cms , а это  оставять для для любителей профессионалов.

Изменено Babai (2010-08-23 22:10:37)

Не в сети

#24 2010-08-24 00:11:15

Trashcka
Участник
Откуда КиевГрад
Зарегистрирован: 2008-12-04
Сообщений: 1,487
Рейтинг :   73 

Re: Установка TinyMCE (визуальный редактор) на NG CMS

Babai, и к чему это?, если в совершенстве владеешь HTML и CSS, то тебе визивиг не надо )) по большому счету, как к примеру мне.
Но подобное никак не относится к данной теме, здесь обсуждается исключительно Тини, и не более.

Не в сети

#25 2010-08-24 20:15:09

kolia
Участник
Откуда Ukraine, Украина
Зарегистрирован: 2010-01-10
Сообщений: 330
Рейтинг :   
Сайт

Re: Установка TinyMCE (визуальный редактор) на NG CMS

А куда именно вставлять код:
<script type="text/javascript" src="plugins/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="plugins/tiny_mce/config.js"></script>
он просто так не ставится. Может подскажет кто-то подробней куда и после каких строк вставлять.


Чем дальше в лес - тем ближе вылез smile

Не в сети

Подвал раздела

Работает на FluxBB