Уже не первый раз спрашивают как заменить стандартный wysiwyg редактор на что-то боле функциональное. Ну что ж. Давайте попробуем Cleditor - Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в или !!


Для его установки вам необходимо:
Открываем index.php
Находим Код:

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

Заменяем на Код:

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

Находим Код:

  <link rel="stylesheet" type="text/css" href="./css/jquery.wysiwyg.css" />
  <script type="text/javascript">$(document).ready(function() { 

Заменяем на Код:

  <link rel="stylesheet" type="text/css" href="./css/jquery.cleditor.css" />
  <script type="text/javascript">$(document).ready(function() {
	$(window).resize(function() {
	  var $win = $(window);
	  $("#content").width($win.width() - 32).height($win.height() - 33).offset({left:15, top:15});
	  editor.refresh();
	});
 

Далее качаем файлик cleditor.zip (он прикреплен к этой теме). На данный момент это последняя 1.3.0 версия CLEditor. И распаковываем его на вашем хостинге.
Вобщем-то и все.

---

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

Вам помимо выше указанных изменений необходимо будет открыть 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', self).cleditor({width:"100%", height:"300px"}); $(window).resize(); }, 0);
    }, 

Открыть jquery.cleditor.css
Найти Код:

.cleditorToolbar {background: url('images/toolbar.gif') repeat}
.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url('images/buttons.gif')} 

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

.cleditorToolbar {background: url('../images/toolbar.gif') repeat}
.cleditorButton {float:left; width:24px; height:24px; margin:1px 0 1px 0; background: url('../images/buttons.gif')} 

Так же убедитесь что файл jquery.cleditor.css у вас лежит в папке /css/
файл jquery.cleditor.js в папке /js/
и файлы buttons.gif, toolbar.gif в /images/