Next Generation CMS :: Форум поддержки
Вы не зашли.
- Темы: Активные | Без ответов
Объявление
#1 2009-12-09 20:39:46
Адаптация TinyMCE под NG CMS
Адаптированный TinyMCE (RU) + плагин imagemanager, есть и filemanager (но не прикручивала)
Ахтунг это еще не финал 
как будет время буду дорабатывать.
Скачать адаптированный TinyMCE
Как устанавливать:
1. распаковываем TunyMCE в /templates/ваш шаблон/ т.е. получаем /templates/ваш шаблон/tiny_mce
2. добавить
<script type="text/javascript" src="{tpl_url}/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="{tpl_url}/tiny_mce/config.js"></script>в файлы в которых хотите иметь возможность работы с TinyMCE, к примеру edit.tpl, addnews.tpl - я вставляла непосредственно после явы движка перед началом формы
3. открываем конфигурационный файл /templates/ваш шаблон/tiny_mce/config.js находим строку
content_css : "указать полный адрес/tiny_mce/content.css",указываем полный путь к данному файлу - не знаю почему у меня при задании относительного не пахало
Также в этом файле можно что-либо добавить или убавить.
4. открываем файл стилей /templates/ваш шаблон/tiny_mce/content.css правим стили как душе угодно, эти стили будут отображаться когда вы работаете в TinyMCE
5. открываем конфигурационный файл /templates/ваш шаблон/tiny_mce/plugins/imagemanager/config.php правил папочки для сохранения картинок - сейчас настроенно на дефолтные папки движка
Разное:
I. Из тулбара убрала редко используемые пипки, так, что если хотите все, то вот весь ассортимент: (заменить подобное в /templates/ваш шаблон/tiny_mce/config.js)
plugins: "safari,spellchecker,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,imagemanager,filemanager",
// Theme options
theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",II. картинки из плагина imagemanager вставляются с превьюшками, и имеют абсолютный путь, если хотите это изменить копать в /templates/ваш шаблон/tiny_mce/config.js строки
relative_urls : false,
remove_script_host : false,
imagemanager_insert_template : '<a href="{$url}"><img src="{$custom.thumbnail_url}" width="{$custom.twidth}" height="{$custom.theight}" /></a>' ,III. разделение новостей
Для этого надо в файл ../tiny_mce/config.js добавить в // General options:
save_callback : "myCustomSaveContent",и после последних }); добавить:
function myCustomSaveContent(content, html, body) {
html = html.replace( '<p><!--more--><\/p><\/p>', '<\/p><!--more-->' );
html = html.replace( '<p><!--more--><\/p>', '<!--more-->' );
return html;
}Вроде все
Изменено Trashcka (2010-03-04 14:05:24)
Не в сети
#2 2009-12-11 02:47:30
Re: Адаптация TinyMCE под NG CMS
Trashcka, а можно заставить его выводить тег <hr/> ?
Тогда можно просто добавить опцию, по которой бы этот тег воспринимался как разделитель.
Как вариант - могу также в виде опции вернуть разделение короткой и полной новости
Не в сети
#4 2009-12-18 12:44:35
Re: Адаптация TinyMCE под NG CMS
Маленький апгрейдик для <!--more-->, чтобы заставить его работать (файлы не перезаливала).
Необходимо в файле ../tiny_mce/config.js добавить в // General options:
save_callback : "myCustomSaveContent",и после последних }); добавить:
function myCustomSaveContent(content, html, body) {
html = html.replace( '<p><!--more--><\/p>', '<!--more-->' );
return html;
}Еще бы Тини с галереей NG подружить, было бы красота, буду методом тыка дальше его мучать )))
Изменено Trashcka (2009-12-18 12:45:40)
Не в сети
#5 2009-12-19 02:06:03
Re: Адаптация TinyMCE под NG CMS
Trashcka, в ближайшем changeset'е выложу возможность разделения короткой и полной новости, это решит проблему с <!--more-->
Вот только разберусь чуть-чуть с оформлением, а то визуально у меня полная бяка получилась 
Не в сети
#11 2010-03-04 12:59:22
Re: Адаптация TinyMCE под NG CMS
Trashcka, чего то у меня не работает, постоянно пишет ошибку:
Заполните заголовок и краткое содержание. Такое ощущение, что тини работает как просто накладка, а сам ничего не добавляет в основную форму.
А не, просто пред просмотр не работает, а так показывает всё.
Изменено Nushaba (2010-03-04 13:01:32)
Не в сети
#12 2010-03-04 13:09:47
Re: Адаптация TinyMCE под NG CMS
Nushaba, значит где-то накосячил, и попробуй заполнить заголовок и краткую новость.
Хотя, может и не работать ) у тебя какая версия движка, там где уже идет разделение краткой и полной на выбор?, если да, то разделяешь их или нет?
Изменено Trashcka (2010-03-04 13:13:01)
Не в сети
#13 2010-03-04 13:19:12
Re: Адаптация TinyMCE под NG CMS
Да, у меня есть выбор как сделать добавление новостей, либо в одном окне, либо в двух. Но сама суть в том, что тег <!--more--> не появляется при нажатии на кнопку. Да и смайлики не добавляются, в общем из верхнего (движкового) меню ничего не попадает в тини.
Не в сети
#17 2010-03-04 13:40:59
Re: Адаптация TinyMCE под NG CMS
} else {
document.getElementById('container.content.short').className = 'contentActive';
document.getElementById('container.content.full').className = 'contentInactive';
currentInputAreaID = 'content.short';
}
}
</script>
<script type="text/javascript" src="{tpl_url}/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="{tpl_url}/tiny_mce/config.js"></script>
<form name="DATA_tmp_storage" action="" id="DATA_tmp_storage">
<input type="hidden" name="area" value="" />
</form> // Example content CSS (should be your site CSS)
content_css : "http://aquaformula.info/templates/af/tiny_mce/content.css",Не в сети
#18 2010-03-04 13:56:24
Re: Адаптация TinyMCE под NG CMS
в addnews.tpl текстареа имеет айди content?, и в config.js от Тини elements : "content",? если да, то должно работать, только что установила проверила.
Если не работает видимо еще какой-то скрипт стоит и мешает, либо не выгрузился кеш, попробуй ctrl+F5 и потом полностью закрыть браузер и снова запустить.
И внесла изменения, см. первый пост пункт III в Разное.
Не в сети
#19 2010-03-04 14:05:58
Re: Адаптация TinyMCE под NG CMS
Trashcka, заметил косяки в коде у addnews.tpl, не все закрыты теги, сейчас в порядок приведу и посмотрю. ID не прописаны нигде, но где именно прописать? Ведь ID возможно только 1 раз использовать, в противном случае class
И проверь пожалуйста у себя, 80 строка, там должен закрываться </td>, у меня там пусто, у тебя тоже?
<tr>
<td valign="top" colspan=3>{quicktags}<br /> {smilies}<br />
[edit.split]
<div id="container.content.short" class="contentActive"><textarea style="width: 99%; padding: 1px; margin: 1px;" onclick="changeActive('short');" onfocus="changeActive('short');" name="content_short" id="content.short" rows="10" tabindex="2"></textarea></div>
[extended.more] <table cellspacing="2" cellpadding="0" width="100%"><tr><td nowrap>{l_editor.divider}: </td><td style="width: 90%"><input tabindex="2" type="text" name="content_delimiter" style="width: 99%;" value=""/></td></tr></table>[/extended.more]
<div id="container.content.full" class="contentInactive"><textarea style="width: 99%; padding: 1px; margin: 1px;" onclick="changeActive('full');" onfocus="changeActive('full');" name="content_full" id="content.full" rows="10" tabindex="2"></textarea></div>
[/edit.split]
[edit.nosplit]
<div id="container.content" class="contentActive"><textarea style="width: 99%; padding: 1px; margin: 1px;" name="content" id="content" rows="10" tabindex="2"></textarea></div>
[/edit.nosplit]
</tr>Да блин, у меня там вообще половина тегов не закрыто!
Изменено Nushaba (2010-03-04 14:09:08)
Не в сети
#20 2010-03-04 14:17:56
Re: Адаптация TinyMCE под NG CMS
да, после [/edit.nosplit] желательно ) поставить </td>
Айди стоит у тебя <div id="container.content" class="contentActive"><textarea style="width: 99%; padding: 1px; margin: 1px;" name="content" id="content"
Не в сети
#21 2010-03-04 14:26:01
Re: Адаптация TinyMCE под NG CMS
Да это не единственное место где не закрыт тег. Сейчас разбираюсь с тегами пока, дальше видно будет. Я искал просто ID="container", оказывается ты немного другое имела в виду. С тегами закончу, буду смотреть чего там не соединилось, но скорее всего из-за не закрытости тегов косяки с не добавлением смайлов и так далее.
Нифига не работает, не хочет вставлять разделительный тег в редактор и всё тут.
Изменено Nushaba (2010-03-04 15:27:09)
Не в сети
#22 2010-04-10 19:52:29
Re: Адаптация TinyMCE под NG CMS
исправьте меня, если ошибаюсь
оптимальнее разместить папку tiny_mce по адресу:
engine\skins\default\tiny_mce
и прописать в файле "addnews.tpl" такие пути:
<script type="text/javascript" src="{skins_url}/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript" src="{skins_url}/tiny_mce/config.js"></script>
а в config.js соответственно исправить на:
content_css : "engine/skins/default/tiny_mce/content.css",
чтоб удалить фрагменты старого редактора, в файле addnews.tpl:
<tr>
<td valign="top" colspan=3>{quicktags}<br /> {smilies}<br />
<textarea style="margin-left: 0px; margin-right: 0px; margin-top: 1px; width: 99%;" name="content" id="content" rows="16" tabindex="2"></textarea></td>
</tr>заменить на:
<tr>
<td valign="top" colspan=3><br />
<textarea style="margin-left: 0px; margin-right: 0px; margin-top: 1px; width: 99%;" name="content" id="content" rows="16" tabindex="2"></textarea><br /></td>
</tr>ну и получится вот такое:
не помогай людям и не нарвёшься на хамство
Не в сети