WYSIWYG редактор сообщений

[vad85]

Добавить WYSIWYG редактор и возможность его включения или отключения в админке.

Вот редактор, на который предлагаю глянуть - http://wysibb.com

[Татьяна5]

Возможно...

includes/functions.php
Найти:

Код: Выделить всё

function wysibb_load() {	
	global $config,$user;
	if ($config['wysibb_enable']) {
		$wbbload="";
		if ($config['wysibb_exjquery']) {
			$wbbload .= '<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>';
		}
		$wbbload .= '<script src="'.($config['wysibb_prefix']).'jquery.wysibb.min.js"></script>';
		if ($user->data['user_lang']!="ru") {
			if ($user->data['user_lang']!="en") {
				$wbbload .= '<script src="'.($config['wysibb_prefix']).'lang/en.js"></script>';
			}
			$wbbload .= '<script src="'.($config['wysibb_prefix']).'lang/'.$user->data['user_lang'].'.js"></script>';
			$wbbload .= "<script>CURLANG=WBBLANG['".$user->data['user_lang']."'] || WBBLANG['en'] || CURLANG;</script>";
		}
		$wbbload .= '<script src="'.($config['wysibb_prefix']).'preset/phpbb3.js"></script>';
		$wbbload .= '<link rel="stylesheet" type="text/css" href="'.($config['wysibb_prefix_theme']).'wbbtheme.css">';
		
		return $wbbload;

Заменить на:

Код: Выделить всё

function wysibb_load() {	
	global $config,$user;
	if ($config['wysibb_enable']) {
		$wbbload="";
		if ($config['wysibb_exjquery']) {
			$wbbload .= '<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>';
		}
		$wbbload .= '<script src=".'.($config['wysibb_prefix']).'jquery.wysibb.min.js"></script>';
		if ($user->data['user_lang']!="ru") {
			if ($user->data['user_lang']!="en") {
				$wbbload .= '<script src=".'.($config['wysibb_prefix']).'lang/en.js"></script>';
			}
			$wbbload .= '<script src=".'.($config['wysibb_prefix']).'lang/'.$user->data['user_lang'].'.js"></script>';
			$wbbload .= "<script>CURLANG=WBBLANG['./".$user->data['user_lang']."'] || WBBLANG['en'] || CURLANG;</script>";
		}
		$wbbload .= '<script src=".'.($config['wysibb_prefix']).'preset/phpbb3.js"></script>';
		$wbbload .= '<link rel="stylesheet" type="text/css" href=".'.($config['wysibb_prefix_theme']).'wbbtheme.css">';
		
		return $wbbload;

И проверить, нет ли в созданных ббкодах каких-нибудь со знаком =
(к примеру, [media= что-то] еще что-то [/media] )
Если есть - снять в них галочку "показывать на странице ответа"

[chrom]

Ураа! Получилось заменой последнего кода! =) Спасибо. Буду тестировать!

[Татьяна5]

chrom
В коде были опечатки (лишние слеши), замените еще раз
На работоспособность кода это не повлияет

[chrom]

Кто-нибудь таблицу для него настроил?

Прописываю правила:

Код: Выделить всё

      table: {
            transform: {
               '<table>{SELTEXT}</table>':'[table]{SELTEXT}[/table]'
            }
      },
      tr: {
            transform: {
               '<tr>{SELTEXT}</tr>':'[tr]{SELTEXT}[/tr]'
            }
      },
      td: {
            transform: {
               '<td>{SELTEXT}</td>':'[td]{SELTEXT}[/td]'
            }
      }

Добавляю соответствующие BB-коды на форум:

Код: Выделить всё

[table]{TEXT}[/table]   <table>{TEXT}</table>
[tr]{TEXT}[/tr]   <tr>{TEXT}</tr>
[td]{TEXT}[/td]   <td>{TEXT}</td>

И вроде бы все здорово, в редакторе создаю таблицу, она правильно трансформируется в BB-код, выводится в сообщении.

Но когда открываю редактирование сообщения с таблицей, то весь текст пропадает. В режиме просмотра BB-кода выводит просто:

Код: Выделить всё

[table][tr][/tr][tr][/tr][/table]

Т.е. удаляются ячейки и их содержание.

Это баг? Или что-то не так делаю?

Не понял где прописывать правила и как правильно добавить таблицу в редактор?

Добавлено спустя 3 минуты 11 секунд:

chrom
В коде были опечатки (лишние слеши), замените еще раз
На работоспособность кода это не повлияет

Сделал. Ещё /* WYSIBB */ уберите, лишняя выходит :-)

[kot32]

Пытался поставить себе редактор. Сначала была ошибка из-за "=" ббкодах. Я изменил функцию wysibb_init() так чтобы в конфигурационном объекте имя параметра бралось в кавычки:

Код: Выделить всё

$custom_bbcodes.='"'.$row['bbcode_tag'].'" : {
					title: "'.$row['bbcode_helpline'].'",
					buttonText: "'.$row['bbcode_tag'].'",
					transform: {
						\''.$trhtml.'\':\''.$trbb.'\'
					}
				}';

Теперь получается такая ошибка:

Код: Выделить всё

Init
jquery.wysibb.min.js (line 4)

Create rules for transform HTML=>BB
jquery.wysibb.min.js (line 4)

TypeError: n.get(...) is undefined
[Break On This Error] 	
...dal,r):this.showModal.call(this,t,i.modal,r);else if(r&&i.subInsert!=1)this.wbbR...
jquery.wysibb.min.js (line 4)

[mustang]

Поставил данный мод, всё работает нормально. Вот только немного не разобрался как добавлять ВВ коды свои. Чего куда ставить. в какие файлы запихивать все коды, угадай сам называется.

Добавлено спустя 2 часа 49 минут 19 секунд:
ещё есть интересная вещь, как только убираешь коопирайт из подвала сразу перестаёт работать редактор. Понятно что вещь бесплатная, но одного коопирайта мало что ли, если так все будут ставить то сайт перестанет быть похожим на нормальный сайт,больше на свалку будет походить с кучей коопирайтов. Сам редактор вещь хорошая, но как свои ВВ коды туда втулить не могу понять,может кто расскажет по подробней.

[angst66]

на свалку будет походить с кучей коопирайтов

Ну выведи копирайты в отдельную страницу, типа благодарю и перечень, и ссылку в футере на неё.

[mustang]

Коопирайт ладно пускай стоит. Суть дела это добавление ВВ кодов собственных.
Почитал инструкцию, для форума phpВВ подключать джиси файлы не надо это понятно. а вот куда втуливать сам ВВ код, и что б он потом отображался как надо

[Pazh]

вставляешь новый BBCode стандартно на свой форум, потом в админке в настройках мода дописываешь их через запятую к уже включенным bbcode самого мода.
Проблема с таблицами при переходе из режима wysi в режим bbcode осталась актуальной

[Tilk]

Добрый день.
Пытаюсь поставить редактор на свой сайт http://skillplay.net, после копирайта вот такое выдает

Код: Выделить всё

Создано на основе phpBB® Forum Software © phpBB Group WysiBB
':'[media]{SELTEXT}[/media]' } }, spoiler=: { title: "[spoiler=Заголовок спойлера]ВАШ ТЕКСТ[/spoiler]", buttonText: "spoiler=", transform: { '[img]data:image/gif;base64,R0lGODlhCQAJAMQfAIqZyoGSxv3+/trl84CQxYCRxn6PxMXQ7efq9H+Pwtnk8oKTxoCQxKy44QAAANvl9rvG6fD5/o2by4GRxvb8//v9//7+/ubw+v39/ouayoKSxoOTx/7+/wwMDP///////yH5BAEAAB8ALAAAAAAJAAkAAAU84AdoGkNmX4Z4HldRirSxXMdF1zK7nXU9mk2t4+h0BIlNhWPpYTCBDQXXwRwggczgJ8BAGhLRZGIoEFAhADs=[/img] {SELTEXT}
{TEXT2}
':'[spoiler={SELTEXT}]{TEXT2}[/spoiler]' } }, img: {modal: {onLoad: fileModal}} }, upload_type: 1, imgupload: true, img_uploadurl: '/wbb/iupload_phpbb3.php', img_maxwidth: '800', img_maxheight: '800' };$("textarea[name='message']").wysibb(wbbsetting); 
Русская поддержка phpBB
Администраторский раздел

Подскажите пожалуйста как это исправить, очень нравится ваш редактор.

С уважением,
Николай

[Pazh]

Tilk где-то пропустил открытие тега js

[ilgo]

А все столкнулись с проблемой смайликов?

Суть проблемы: Если вставлять посреди текста в сообщении смайлики, то при дальнейшей публикации они выводятся в виде кода, а графического изображения нет. При этом, если ставить смайлик в поле ввода текста в самом начале, то он отображается корректно. Одиночные пробелы перед и после смайлика не помогают (читал, что помогает), а вот в стандартном редакторе phpbb все отлично и корректно работает без всяких пробелов.

Единственное, что помогает – ставить по 4 пробела до и после смайлика.

Шо делать

Версия редактора: 1.4.2.
Версия форума: 3.0.12

[inter]

Как правильно прикрутить WysiBB 1.5.1 к Phpbb3? Ссылки на инструкцию мертвые, на официальном сайте информации не нашел..

[R00f]

Toже интересует. может пара уже phpbb переходить на wysiwyg?

[Ёжъ]

Вот верно Пчёлкин предупреждал- вредный мод.. И сам не запустился никак, и мне БО поломал- даже после удаления не пойму как чинить.
Перестал даже открываться по кнопке- пишет ошибку в скрипте открытия: Uncaught TypeError: qrDiv.effect(...).start is not a function , Uncaught TypeError: $ is not a function и

Код: Выделить всё

Uncaught TypeError: Cannot read property 'offsetHeight' of undefined
show_qr @ viewtopic.php?f=12&t=38:1676
onclick @ viewtopic.php?f=12&t=38:1726

это строки

Код: Выделить всё

else if (qrDiv.offsetHeight == 0) {
и
<a id="qr-button" href="#postform" onclick="show_qr(); return false;" title="Быстрый ответ"><span></span>Быстрый ответ</a>

Может подскажете где рыть? Мог мод сам изменить что-то в родных скриптах? Функции же основные не отрабатывают.

Отправлено спустя 31 минуту 44 секунды:

Как правильно прикрутить WysiBB 1.5.1 к Phpbb3? Ссылки на инструкцию мертвые, на официальном сайте информации не нашел.

Я вот по этой подключал:

Код: Выделить всё

Basic example
Once downloaded, unzip the compressed folder to see the structure of WysiBB. You'll see something like this:

<head>
<!-- Load jQuery  -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<!-- Load WysiBB JS and Theme -->
<script src="/js/jquery.wysibb.min.js"></script>
<link rel="stylesheet" href="/css/default/wbbtheme.css" />

<!-- Init WysiBB BBCode editor -->
<script>
$(function() {
  $("#editor").wysibb();
})
</script>
</head>

<body>
  <textarea id="editor"></textarea>
</body>

То есть перед </head> вставил

Код: Выделить всё

<script src="{T_SUPER_TEMPLATE_PATH}/wysibb/jquery.wysibb.min.js"></script>
<link rel="stylesheet" href="{T_SUPER_TEMPLATE_PATH}/wysibb/theme/default/wbbtheme.css" />

<script>
$(function() {
  $("#editor").wysibb();
})
</script>

А в шаблоне БО после <textareaдобавил id="editor"