Перейти к содержимому


Фото
* * * * * 5 голосов

TinyMCE Обновление до 4 версии

TinyMCE

Best Answer Kosjak76 , 29.01.2015 - 21:36

Итак, полностью рабочий вариант:

<script language="javascript" type="text/javascript" src="design/js/tinymce/tinymce.min.js"></script>
<script language="javascript">
tinymce.init({
    selector: "textarea.editor_large,textarea.editor_small",
    language : "ru",
    plugins: [
        "advlist autolink lists link image charmap print preview hr anchor pagebreak",
        "searchreplace wordcount visualblocks visualchars code fullscreen",
        "insertdatetime media nonbreaking save table contextmenu directionality",
        "emoticons template paste textcolor colorpicker textpattern responsivefilemanager"
   ],
   toolbar1: "undo redo | bold italic underline | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | styleselect",
   toolbar2: "| responsivefilemanager | link unlink anchor | image media | forecolor backcolor  | print preview code ",
   image_advtab: true ,
   
   external_filemanager_path:"/{$config->subfolder}simpla/design/js/filemanager/",
   filemanager_title:"Responsive Filemanager" ,
   external_plugins: { "filemanager" : "../../../../simpla/design/js/filemanager/plugin.min.js"},
		setup : function(ed) {
		if(typeof set_meta == 'function')
		{
			ed.on('keyUp', function() {
    			set_meta();
			});
			ed.on('change', function() {
    			set_meta();
			});
		}
	}
	{literal}}{/literal});
	function myCustomGetContent( id ) {
		if( typeof tinymce != "undefined" ) {
			var editor = tinymce.get( id );
			if( editor && editor instanceof tinymce.Editor ) {
				return editor.getContent{literal}({format : 'text'}{/literal}).substr(0, 512);
			} else {
				return  jQuery('textarea[name='+id+']').val().replace(/(<([^>]+)>)/ig," ").replace(/(\&nbsp;)/ig," ").replace(/^\s+|\s+$/g, '').substr(0, 512);
			}
		}
		return '';
	}
</script>

tinymce_init.tpl

 

В остальных шаблонах меняем

function generate_meta_description()

{

	if(typeof(tinyMCE.get("annotation")) =='object')

	{

		description = tinyMCE.get("annotation").getContent().replace(/(<([^>]+)>)/ig," ").replace(/(\&nbsp;)/ig," ").replace(/^\s+|\s+$/g, '').substr(0, 512);

		return description;

	}

	else

		return $('textarea[name=annotation]').val().replace(/(<([^>]+)>)/ig," ").replace(/(\&nbsp;)/ig," ").replace(/^\s+|\s+$/g, '').substr(0, 512);

}

На 

function generate_meta_description()

{
 

	if( typeof tinymce != "undefined" )

	{

		return myCustomGetContent( "annotation" );

	}

	else

		return $('textarea[name=annotation]').val().replace(/(<([^>]+)>)/ig," ").replace(/(\&nbsp;)/ig," ").replace(/^\s+|\s+$/g, '').substr(0, 512);
}

Это там где есть краткое описание. Там где нет:

function generate_meta_description()

{

	if( typeof tinymce != "undefined" )

	{

		return myCustomGetContent( "body" );

	}

	else

		return $('textarea[name=body]').val().replace(/(<([^>]+)>)/ig," ").replace(/(\&nbsp;)/ig," ").replace(/^\s+|\s+$/g, '').substr(0, 512);

}

Проверяйте, пробуйте, пишите если что.

Перейти к посту


  • Чтобы отвечать, сперва войдите на форум
96 ответов в теме

#1 nitrol

nitrol
  • Пользователь
  • 73 сообщений

Опубликовано 24.01.2015 - 03:31

Захотел обновить редактор текста, выкладываю инструкцию что получилось.

1. скачиваем сам плагин редактора 

2. распаковываем папку "tinymce" которая лежит в архиве по пути "tinymce->js"

3. загружаем ее в "/simpla/design/js" 

4. меняем содержимое файла tinymce_init.tpl (/simpla/design/html) на : 

<script language="javascript" type="text/javascript" src="design/js/tinymce/tinymce.min.js"></script>
<script language="javascript">

  tinymce.init({literal}{{/literal}
    selector: "textarea.editme",
	language : "ru",
	  plugins: [
        "advlist autolink lists link image charmap print preview hr anchor pagebreak",
        "searchreplace wordcount visualblocks visualchars code fullscreen",
        "insertdatetime media nonbreaking save table contextmenu directionality",
        "emoticons template paste textcolor colorpicker textpattern"
    ],
	    toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
    toolbar2: "print preview media | forecolor backcolor emoticons",

	content_css :"../design/{$settings->theme}/css/style.css",
	{literal}}{/literal});

</script>

5. добавляем класс "editme" блоку(ам) "textarea" в шаблоне админа, в файлах: 

brand.tpl
category.tpl
delivery.tpl
page.tpl
payment_method.tpl
post.tpl
product.tpl

 



#2 Kosjak76

Kosjak76
  • Модератор
  • 3 777 сообщений
  • Программирование
  • Версия CMS:1.x, 2.x
  • Откуда:Харьков, Украина

Опубликовано 24.01.2015 - 09:59

А зачем менять селектор в файлах? Не проще прописать те, что уже есть при подключении?



#3 ps-simpla

ps-simpla

    Модератор в запасе :)

  • Модератор
  • 1 003 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Пермский край

Опубликовано 24.01.2015 - 14:01

А что существенного произошло в новой версии? :huh:



#4 Noxter

Noxter

    Simpla Developer

  • Фрилансер
  • 6 785 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Киев

Опубликовано 24.01.2015 - 14:30

А что существенного произошло в новой версии? :huh:

Она кардинально изменилась.
Я для своего блога использовал именно четвертую версию.
Почувствуй разницу http://www.tinymce.com/tryit/basic.php

Изменено: Noxter, 24.01.2015 - 14:31


#5 ps-simpla

ps-simpla

    Модератор в запасе :)

  • Модератор
  • 1 003 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Пермский край

Опубликовано 24.01.2015 - 15:41

Она кардинально изменилась.
Я для своего блога использовал именно четвертую версию.
Почувствуй разницу http://www.tinymce.com/tryit/basic.php

 ага, соглашусь существенные изменения 

 

Захотел обновить редактор текста, выкладываю инструкцию что получилось.

1. скачиваем сам плагин редактора 

2. распаковываем папку "tinymce" которая лежит в архиве по пути "tinymce->js"

3. загружаем ее в "/simpla/design/js" 

4. меняем содержимое файла tinymce_init.tpl (/simpla/design/html) на : 

<script language="javascript" type="text/javascript" src="design/js/tinymce/tinymce.min.js"></script>
<script language="javascript">

  tinymce.init({literal}{{/literal}
    selector: "textarea.editme",
	language : "ru",
	  plugins: [
        "advlist autolink lists link image charmap print preview hr anchor pagebreak",
        "searchreplace wordcount visualblocks visualchars code fullscreen",
        "insertdatetime media nonbreaking save table contextmenu directionality",
        "emoticons template paste textcolor colorpicker textpattern"
    ],
	    toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
    toolbar2: "print preview media | forecolor backcolor emoticons",

	content_css :"../design/{$settings->theme}/css/style.css",
	{literal}}{/literal});

</script>

5. добавляем класс "editme" блоку(ам) "textarea" в шаблоне админа, в файлах: 

brand.tpl
category.tpl
delivery.tpl
page.tpl
payment_method.tpl
post.tpl
product.tpl

спасибо, что поделились  ;)



#6 Kosjak76

Kosjak76
  • Модератор
  • 3 777 сообщений
  • Программирование
  • Версия CMS:1.x, 2.x
  • Откуда:Харьков, Украина

Опубликовано 25.01.2015 - 16:01

Мой вариант подключения:

<script language="javascript" type="text/javascript" src="design/js/tinymce/tinymce.min.js"></script>
<script language="javascript">

  tinymce.init({literal}{{/literal}
    selector: "textarea.editor_large,textarea.editor_small",
	language : "ru",
	  plugins: [
        "advlist autolink lists link image charmap print preview hr anchor pagebreak",
        "searchreplace wordcount visualblocks visualchars code fullscreen",
        "insertdatetime media nonbreaking save table contextmenu directionality",
        "emoticons template paste textcolor colorpicker textpattern"
    ],
	    toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
    toolbar2: "print preview media | forecolor backcolor emoticons",

	content_css :"../design/{$settings->theme}/css/style.css",
	{literal}}{/literal});

</script>

Больше ничего менять не надо.

Если не работает - скачайте русский язык здесь http://www.tinymce.com/i18n/index.php и положите в папку langs



#7 nitrol

nitrol
  • Пользователь
  • 73 сообщений

Опубликовано 26.01.2015 - 14:51

Мой вариант подключения:

<script language="javascript" type="text/javascript" src="design/js/tinymce/tinymce.min.js"></script>
<script language="javascript">

  tinymce.init({literal}{{/literal}
    selector: "textarea.editor_large,textarea.editor_small",
	language : "ru",
	  plugins: [
        "advlist autolink lists link image charmap print preview hr anchor pagebreak",
        "searchreplace wordcount visualblocks visualchars code fullscreen",
        "insertdatetime media nonbreaking save table contextmenu directionality",
        "emoticons template paste textcolor colorpicker textpattern"
    ],
	    toolbar1: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image",
    toolbar2: "print preview media | forecolor backcolor emoticons",

	content_css :"../design/{$settings->theme}/css/style.css",
	{literal}}{/literal});

</script>

Больше ничего менять не надо.

Если не работает - скачайте русский язык здесь http://www.tinymce.com/i18n/index.php и положите в папку langs

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



#8 zetwin

zetwin
  • Пользователь
  • 24 сообщений

Опубликовано 26.01.2015 - 16:17

что с загрузкой изображений?



#9 Kosjak76

Kosjak76
  • Модератор
  • 3 777 сообщений
  • Программирование
  • Версия CMS:1.x, 2.x
  • Откуда:Харьков, Украина

Опубликовано 26.01.2015 - 16:22

Ничего, для новой версии загрузчик очень дорогой :)



#10 Noxter

Noxter

    Simpla Developer

  • Фрилансер
  • 6 785 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Киев

Опубликовано 26.01.2015 - 16:35

Ничего, для новой версии загрузчик очень дорогой :)

Если хорошо искать то можно найти бесплатный.

#11 zetwin

zetwin
  • Пользователь
  • 24 сообщений

Опубликовано 26.01.2015 - 20:23

все с вами ясно)) будем искать



#12 yodaexolon

yodaexolon
  • Пользователь
  • 144 сообщений
  • Пользователь
  • Версия CMS:2.x
  • Откуда:Kharkiv, Ukraine

Опубликовано 26.01.2015 - 21:18

А как moxiemanager установить ?



#13 Kosjak76

Kosjak76
  • Модератор
  • 3 777 сообщений
  • Программирование
  • Версия CMS:1.x, 2.x
  • Откуда:Харьков, Украина

Опубликовано 26.01.2015 - 21:19

http://www.moxiemanager.com/getit/



#14 yodaexolon

yodaexolon
  • Пользователь
  • 144 сообщений
  • Пользователь
  • Версия CMS:2.x
  • Откуда:Kharkiv, Ukraine

Опубликовано 26.01.2015 - 21:27

Точнее здесь http://www.moxiemana...MCE_Integration



#15 Json

Json
  • Пользователь
  • 62 сообщений
  • Откуда:Москва

Опубликовано 27.01.2015 - 14:59

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



#16 Noxter

Noxter

    Simpla Developer

  • Фрилансер
  • 6 785 сообщений
  • Дизайн, Программирование, Верстка
  • Версия CMS:2.x
  • Откуда:Киев

Опубликовано 27.01.2015 - 15:02

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

Я ждал когда кто то это напишет :D
Да такой косяк есть, нужно дописать статью.

#17 Json

Json
  • Пользователь
  • 62 сообщений
  • Откуда:Москва

Опубликовано 27.01.2015 - 15:44

Я ждал когда кто то это напишет :D
Да такой косяк есть, нужно дописать статью.

надо, еще и смайлики надо в папке правильно указывать, а то не отображаются )))



#18 acerus

acerus
  • Пользователь
  • 207 сообщений
  • Дизайн, Верстка, Заказчик
  • Версия CMS:2.x
  • Откуда:Калуга

Опубликовано 27.01.2015 - 15:45

Агонь! Мои мольбы услышаны, наконец можно будет обновить этот страшенный редактор. А помимо отсутствия загрузчика фоток и косяков с метатегами какие траблы будут еще? Или имеет смысл просто подождать чуть?



#19 Json

Json
  • Пользователь
  • 62 сообщений
  • Откуда:Москва

Опубликовано 27.01.2015 - 16:54

Агонь! Мои мольбы услышаны, наконец можно будет обновить этот страшенный редактор. А помимо отсутствия загрузчика фоток и косяков с метатегами какие траблы будут еще? Или имеет смысл просто подождать чуть?

Ждать чуть чуть, что именно Вы имеете ввиду?



#20 Денис

Денис
  • Пользователь
  • 41 сообщений
  • Заказчик
  • Версия CMS:2.x

Опубликовано 29.01.2015 - 11:05

Ловите http://www.responsivefilemanager.com/ бесплатный, может даже лучше moxie


Изменено: Денис, 29.01.2015 - 11:07






Также с меткой «TinyMCE»

0 пользователей читают эту тему

0 пользователей, 0 гостей, 0 скрытых