Вчера в Skype обратился коллега (skype:turba89):

Цитата:


Действительно этой функции нет в предложенных мною wysiwyg редакторах. И она действительно может понадобиться новичкам. Давайте попробуем добавить в Einplac CMS еще более серьезный и навороченный wysiwyg редактор, который сможет делать такие вещи.

На этот раз я выбрал elRTE.
Для его внедрения:

Качаем его с оф. сайта: Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в или !!

Или нажимам в низу этого сообщения на elrte-1.3.zip. На данный момент v1.3 является последней версией elRTE. Которую я и тестировал в Einplac CMS. За работоспособность более новых версий elRTE, которые наверняка появятся в будущим ручаться не могу.

Далее распаковываем архив и все копируем в корневую директорию Einplac на сервере.

Далее открываем файл: /js/jquery.jeditable.js
Найти Код:

    plugin : function(settings, original) {
	  var self = this;
	  /* Force autosave off to avoid "element.contentWindow has no properties" */
	  settings.wysiwyg = $.extend({autoSave: false}, settings.wysiwyg);
	  if (settings.wysiwyg) {
		setTimeout(function() { $('textarea', self).wysiwyg(settings.wysiwyg); }, 0);
	  } else {
		setTimeout(function() { $('textarea', self).wysiwyg(); }, 0);
	  }
    }, 

Заменить на Код:

    plugin : function(settings, original) {
	  var self = this;
	  setTimeout(function() { $('textarea').elrte({cssClass:'el-rte',height:450,allowSource:false,toolbar:'maxi',cssfiles:['./css/elrte-inner.css']});}, 0);
    }, 

Открываем файл: index.php
Находим и удаляем Код:

  <script type="text/javascript" src="./js/jquery.wysiwyg.js"></script> 

Найти Код:

  <link rel="stylesheet" type="text/css" href="./css/jquery.wysiwyg.css" /> 

Заменить на Код:

<script src="./js/jquery-ui-1.8.13.custom.min.js" type="text/javascript" charset="utf-8"></script>
  <link rel="stylesheet" href="./css/smoothness/jquery-ui-1.8.13.custom.css" type="text/css" media="screen" charset="utf-8">
  <!-- elRTE -->
  <script src="./js/elrte.min.js" type="text/javascript" charset="utf-8"></script>
  <link rel="stylesheet" href="./css/elrte.min.css" type="text/css" media="screen" charset="utf-8">
  <!-- elRTE translation messages -->
  <script src="./js/i18n/elrte.ru.js" type="text/javascript" charset="utf-8"></script> 

Вобщем-то и все.




Обратите внимание на эти строчки:
Код:

	  setTimeout(function() { $('textarea').elrte({cssClass:'el-rte',height:450,allowSource:false,toolbar:'maxi',cssfiles:['./css/elrte-inner.css']});}, 0); 

В height вы можете указать нужную длину редактора.  
Изменяя toolbar вы сможете менять функционал редактора,
доступные параметры: Цитата: