Добро пожаловать, Гость. Пожалуйста, выберите Вход или Регистрация
Привет.лв Главная Справка Поиск Вход Регистрация
Страниц: 1
Печать Bookmark and Share
Удалить этот блок рекламы?
Удали рекламу
Einplac CMS встраиваем новый wysiwyg - elRTE (Прочитано 3558 раз)
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Einplac CMS встраиваем новый wysiwyg - elRTE
21.11.2012 :: 11:45:10
 
Вчера в Skype обратился коллега (skype:turba89):

Цитата:
[20.11.2012 14:05:39] Urban_: Я посмотрел на форуме, там Вы расписывали процесс, как можно менять редакторы.
[20.11.2012 14:06:33] Urban_: В принципе у тех двух, есть все функции, которые нужны, вот кроме одной. Чтобы можно было картинку вправо влево двигать и текст вокруг картинки.
[20.11.2012 14:14:10] Urban_: мне кажется, что это одна из важдых функций.


Действительно этой функции нет в предложенных мною 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 вы сможете менять функционал редактора,
доступные параметры: Цитата:
tiny: only buttons to change text style (bold, italic, underline, strike, subscript, superscript)
compact: the same as tiny + save, undo/redo, text alignment, list, link, fullscreen
normal: compact + copy/paste, colors, paddings, block-elemet, images
complete: normal + text size, style and font formating
maxi: complete + tables


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

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
Ramzies
Администратор
*****
Вне Форума

Все что случается
имеет причину.

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Einplac CMS встраиваем новый wysiwyg - elRTE
Ответ #1 - 21.11.2012 :: 11:56:31
 
Вот так будит выглядеть этот редактор в Einplac.


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

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
Страниц: 1
Печать Bookmark and Share
www.privet.lv

Privet.lv/forum » Powered by YaBB 2.2.3 (fix)!
YaBB © 2000-2012. Все права защищены.
Valid RSS Valid XHTML Valid CSS Powered by Perl Source Forge