Уважаемые пользователи!
C 7 ноября 2020 года phpBB Group прекратила выпуск обновлений и завершила дальнейшее развитие phpBB версии 3.2.
С 1 августа 2024 года phpBB Group прекращает поддержку phpBB 3.2 на официальном сайте.
Сайт официальной русской поддержки phpBB Guru продолжит поддержку phpBB 3.2 до 31 декабря 2024 года.
С учетом этого, настоятельно рекомендуется обновить конференции до версии 3.3.

WysiBB (WYSIWYG-редактор)

Поддержка старых модов или модов, созданных авторами не из нашего сообщества, а также любые вопросы, связанные с модами для phpBB 3.0.x, кроме относящихся к форуму Для авторов (phpBB 3.0.x).
Правила форума
Местная Конституция | Шаблон запроса | Документация (phpBB3) | Переход на 3.0.6 и выше | FAQ-3 (phpbb3) | Как задавать вопросы | Как устанавливать моды

Ваш вопрос может быть удален без объяснения причин, если на него есть ответы по приведённым ссылкам (а вы рискуете получить предупреждение ;) ).
forfreedom
phpBB 1.4.2
Сообщения: 66
Стаж: 16 лет 3 месяца
Благодарил (а): 12 раз
Поблагодарили: 3 раза

WysiBB (WYSIWYG-редактор)

Сообщение forfreedom »

Первым делом качаем мод с официального сайта.
Директорию WysiBB сохраняем в корне phpbb 3.0.х форума.

В файле: styles/prosilver/overall_header.html
Найти: Вставить до:

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

    <script src="wysibb/jquery.wysibb.js"></script>
<link rel="stylesheet" href="wysibb/theme/default/wbbtheme.css" />
Можно указать полный путь, с www, например: http://www.mysite.ru/forum/wysibb/jquery.wysibb.js
Обратите внимание, если указать не верный путь, редактор не будет работать!

В файле: styles/prosilver/posting_editor.html
Найти:

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

	<div id="message-box">
		<textarea <!-- IF S_UCP_ACTION and not S_PRIVMSGS and not S_EDIT_DRAFT -->name="signature" id="signature" style="height: 9em;"<!-- ELSE -->name="message" id="message"
В полях id= заменить signature и message на: В этом же файле найти:

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

{MESSAGE}{DRAFT_MESSAGE}{SIGNATURE}</textarea>
            <script>
Вставить после:

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

<script>
$(function() {
$("#editor").wysibb();
})
</script>
В файле: styles/prosilver/posting_buttons.html
Найти:

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

	var text_name = <!-- IF $SIG_EDIT -->'signature'<!-- ELSE -->'message'<!-- ENDIF -->;
Заменить на:

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

	var text_name = <!-- IF $SIG_EDIT -->'signature'<!-- ELSE -->'editor'<!-- ENDIF -->;
Также хочу обратить Ваше внимание, в случае, если Вы хотите убрать кнопки стандартного редактора за ненадобностью, то делаем следующее:
В файле: styles/prosilver/posting_buttons.html
Найти:

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

<div id="format-buttons">
	<input type="button" class="button2" accesskey="b" name="addbbcode0" value=" B " style="font-weight:bold; width: 30px" onclick="bbstyle(0)" title="{L_BBCODE_B_HELP}" />
	<input type="button" class="button2" accesskey="i" name="addbbcode2" value=" i " style="font-style:italic; width: 30px" onclick="bbstyle(2)" title="{L_BBCODE_I_HELP}" />
	<input type="button" class="button2" accesskey="u" name="addbbcode4" value=" u " style="text-decoration: underline; width: 30px" onclick="bbstyle(4)" title="{L_BBCODE_U_HELP}" />
	<!-- IF S_BBCODE_QUOTE -->
		<input type="button" class="button2" accesskey="q" name="addbbcode6" value="Quote" style="width: 50px" onclick="bbstyle(6)" title="{L_BBCODE_Q_HELP}" />
	<!-- ENDIF -->
	<input type="button" class="button2" accesskey="c" name="addbbcode8" value="Code" style="width: 40px" onclick="bbstyle(8)" title="{L_BBCODE_C_HELP}" />
	<input type="button" class="button2" accesskey="l" name="addbbcode10" value="List" style="width: 40px" onclick="bbstyle(10)" title="{L_BBCODE_L_HELP}" />
	<input type="button" class="button2" accesskey="o" name="addbbcode12" value="List=" style="width: 40px" onclick="bbstyle(12)" title="{L_BBCODE_O_HELP}" />
	<input type="button" class="button2" accesskey="y" name="addlistitem" value="[*]" style="width: 40px" onclick="bbstyle(-1)" title="{L_BBCODE_LISTITEM_HELP}" />
	<!-- IF S_BBCODE_IMG -->
		<input type="button" class="button2" accesskey="p" name="addbbcode14" value="Img" style="width: 40px" onclick="bbstyle(14)" title="{L_BBCODE_P_HELP}" />
	<!-- ENDIF -->
	<!-- IF S_LINKS_ALLOWED -->
		<input type="button" class="button2" accesskey="w" name="addbbcode16" value="URL" style="text-decoration: underline; width: 40px" onclick="bbstyle(16)" title="{L_BBCODE_W_HELP}" />
	<!-- ENDIF -->
	<!-- IF S_BBCODE_FLASH -->
		<input type="button" class="button2" accesskey="d" name="addbbcode18" value="Flash" onclick="bbstyle(18)" title="{L_BBCODE_D_HELP}" />
	<!-- ENDIF -->
	<select name="addbbcode20" onchange="bbfontstyle('[size=' + this.form.addbbcode20.options[this.form.addbbcode20.selectedIndex].value + ']', '[/size]');this.form.addbbcode20.selectedIndex = 2;" title="{L_BBCODE_F_HELP}">
		<option value="50">{L_FONT_TINY}</option>
		<option value="85">{L_FONT_SMALL}</option>
		<option value="100" selected="selected">{L_FONT_NORMAL}</option>
		<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 150 -->
			<option value="150">{L_FONT_LARGE}</option>
			<!-- IF not MAX_FONT_SIZE or MAX_FONT_SIZE >= 200 -->
				<option value="200">{L_FONT_HUGE}</option>
			<!-- ENDIF -->
		<!-- ENDIF -->
	</select>
	<input type="button" class="button2" name="bbpalette" id="bbpalette" value="{L_FONT_COLOR}" onclick="change_palette();" title="{L_BBCODE_S_HELP}" />
	<!-- BEGIN custom_tags -->
		<input type="button" class="button2" name="addbbcode{custom_tags.BBCODE_ID}" value="{custom_tags.BBCODE_TAG}" onclick="bbstyle({custom_tags.BBCODE_ID})" title="{custom_tags.BBCODE_HELPLINE}" />
	<!-- END custom_tags -->
</div>
Вы можете удалить этот фрагмент или просто закомментировать, как Вам будет удобнее.

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

Отдельная благодарность Пчелкин, LavIgor за помощь и посильное участие.
Вложения
wysibb-1.5.1.zip
(91.59 КБ) 306 скачиваний
vic4884
phpBB 1.4.2
Сообщения: 71
Стаж: 7 лет 6 месяцев
Благодарил (а): 17 раз
Поблагодарили: 1 раз

Re: WysiBB (WYSIWYG-редактор)

Сообщение vic4884 »

как полагается не без косяков, все сделал по инструкции, копии кода в спойлерах
пустой редактор на сркине. Что делать?
overall_header

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

<script src="wysibb/jquery.wysibb.js"></script>
<link rel="stylesheet" href="wysibb/theme/default/wbbtheme.css" />
</head>
Posting_buttons

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

var form_name = 'postform';
	var text_name = <!-- IF $SIG_EDIT -->'signature'<!-- ELSE -->'editor'<!-- ENDIF -->;
	var load_draft = false;
	var upload = false;
Posting_editor

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

<div id="editor">
		<textarea <!-- IF S_UCP_ACTION and not S_PRIVMSGS and not S_EDIT_DRAFT -->name="signature" id="editor" style="height: 9em;"<!-- ELSE -->name="message" id="editor"<!-- ENDIF --> rows="15" cols="76" tabindex="4" onselect="storeCaret(this);" onclick="storeCaret(this);" onkeyup="storeCaret(this);" onfocus="initInsertions();" class="inputbox">{MESSAGE}{DRAFT_MESSAGE}{SIGNATURE}</textarea>
Вложения
858585.jpg
Последний раз редактировалось Sheer 23.09.2016 12:04, всего редактировалось 1 раз.
Причина: bb-код
Аватара пользователя
LONER
phpBB 3.0.0 RC1
Сообщения: 1486
Стаж: 8 лет 2 месяца
Благодарил (а): 164 раза
Поблагодарили: 247 раз

Re: WysiBB (WYSIWYG-редактор)

Сообщение LONER »

vic4884,
Версия phpBB какая? А инструкция для какой?
Правильно заданный вопрос и описание проблемы - 70% их решения...
vic4884
phpBB 1.4.2
Сообщения: 71
Стаж: 7 лет 6 месяцев
Благодарил (а): 17 раз
Поблагодарили: 1 раз

Re: WysiBB (WYSIWYG-редактор)

Сообщение vic4884 »

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

Отправлено спустя 41 секунду:
LONER писал(а): Версия phpBB какая? А инструкция для какой?
да, согласен, версии отличаются, думал что подойдет для 3,1,9
Аватара пользователя
LONER
phpBB 3.0.0 RC1
Сообщения: 1486
Стаж: 8 лет 2 месяца
Благодарил (а): 164 раза
Поблагодарили: 247 раз

Re: WysiBB (WYSIWYG-редактор)

Сообщение LONER »

vic4884 писал(а): думал что подойдет для 3,1,9
Вообще лучше в виде расширения делать, но попробуй это

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

<script src="wysibb/jquery.wysibb.js"></script>
<link rel="stylesheet" href="wysibb/theme/default/wbbtheme.css" />
вставлять не в styles/prosilver/overall_header.html , а в styles/prosilver/overall_footer.html перед или после

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

<!-- EVENT overall_footer_after -->
Правильно заданный вопрос и описание проблемы - 70% их решения...
vic4884
phpBB 1.4.2
Сообщения: 71
Стаж: 7 лет 6 месяцев
Благодарил (а): 17 раз
Поблагодарили: 1 раз

Re: WysiBB (WYSIWYG-редактор)

Сообщение vic4884 »

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

Отправлено спустя 3 минуты 48 секунд:
LONER писал(а): Вообще лучше в виде расширения делать, но попробуй это
т.е. решение есть? Не подскажите где посмотреть/почитать?
Аватара пользователя
Sheer
Former team member
Сообщения: 12113
Стаж: 17 лет 1 месяц
Откуда: Калининград не Кенигсберг
Благодарил (а): 54 раза
Поблагодарили: 2752 раза
Контактная информация:

Re: WysiBB (WYSIWYG-редактор)

Сообщение Sheer »

Глупость конечно вносить правки в ядро, но кеш-то чистил?
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Мини FAQ
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.
vic4884
phpBB 1.4.2
Сообщения: 71
Стаж: 7 лет 6 месяцев
Благодарил (а): 17 раз
Поблагодарили: 1 раз

Re: WysiBB (WYSIWYG-редактор)

Сообщение vic4884 »

Sheer писал(а): Глупость конечно вносить правки в ядро, но кеш-то чистил?
Конечно, всегда, уже на автомате чищу надо не надо
Аватара пользователя
Sheer
Former team member
Сообщения: 12113
Стаж: 17 лет 1 месяц
Откуда: Калининград не Кенигсберг
Благодарил (а): 54 раза
Поблагодарили: 2752 раза
Контактная информация:

Re: WysiBB (WYSIWYG-редактор)

Сообщение Sheer »

Смотрите ошибки js в консоли браузера.
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Мини FAQ
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.
vic4884
phpBB 1.4.2
Сообщения: 71
Стаж: 7 лет 6 месяцев
Благодарил (а): 17 раз
Поблагодарили: 1 раз

Re: WysiBB (WYSIWYG-редактор)

Сообщение vic4884 »

Если б я еще понимал что-то (во вложении)
я уже даже не знаю, что и делать.
и альтернатив нету...
Вложения
01.jpg
Аватара пользователя
Sheer
Former team member
Сообщения: 12113
Стаж: 17 лет 1 месяц
Откуда: Калининград не Кенигсберг
Благодарил (а): 54 раза
Поблагодарили: 2752 раза
Контактная информация:

Re: WysiBB (WYSIWYG-редактор)

Сообщение Sheer »

vic4884 писал(а): Если б я еще понимал что-то
https://www.google.lv/search?q=jquery+i ... 6AStupLgBA
Изображение
Общие ошибки новичков (07.11.2005) & Как задавать вопросы
Мини FAQ
Если ничто другое не помогает, прочтите, наконец, инструкцию!
"Никакая инструкция не может перечислить всех обязанностей должностного лица, предусмотреть все отдельные случаи и дать вперёд соответствующие указания, а поэтому господа инженеры должны проявить инициативу и, руководствуясь знаниями своей специальности и пользой дела, принять все усилия для оправдания своего назначения".
Циркуляр Морского технического комитета №15 от 29.11.1910 г.
Аватара пользователя
LavIgor
Former team member
Сообщения: 3468
Стаж: 9 лет 11 месяцев
Благодарил (а): 41 раз
Поблагодарили: 932 раза

Re: WysiBB (WYSIWYG-редактор)

Сообщение LavIgor »

LONER писал(а): Вообще лучше в виде расширения делать
Я делал как раз. И оно работало.
Но оказалось, что редактор не ахти, да ещё и заброшен автором.
Тогда решил переделать под TinyMCE и начал писать плагин для парсинга BBCode, полностью готовых не было.
Много материала изучил, но, когда этот редактор в Яндекс.Почте проявил свои глюки, бросил эту затею.

Дальше хотел то ли CKEditor, то ли SCEditor, уже не помню даже.

Но в разработке уже есть расширение, думаю, стоит попробовать: [DEV] WYSIWYG SCEditor for phpBB 3.1.
Аватара пользователя
LONER
phpBB 3.0.0 RC1
Сообщения: 1486
Стаж: 8 лет 2 месяца
Благодарил (а): 164 раза
Поблагодарили: 247 раз

Re: WysiBB (WYSIWYG-редактор)

Сообщение LONER »

LavIgor писал(а): TinyMCE
В DLE помимо стандартного (BBCODES) уже достаточно давно используются два на выбор FroalaEditor (WYSIWYG) (https://github.com/froala/wysiwyg-editor) и TinyMCE (WYSIWYG), нареканий вроде особых не видел на них.

FroalaEditor (WYSIWYG)

Изображение

TinyMCE (WYSIWYG)

Изображение

Можно примерно посмотреть как там выполнено.
Правильно заданный вопрос и описание проблемы - 70% их решения...
Аватара пользователя
LavIgor
Former team member
Сообщения: 3468
Стаж: 9 лет 11 месяцев
Благодарил (а): 41 раз
Поблагодарили: 932 раза

Re: WysiBB (WYSIWYG-редактор)

Сообщение LavIgor »

LONER писал(а): Можно примерно посмотреть как там выполнено.
Даже если и можно, скрипт коммерческий, и я не смогу включить какую-либо его часть в расширение, распространяемое по GNU GPL.
Разве что если авторы сами на это согласятся.
vic4884
phpBB 1.4.2
Сообщения: 71
Стаж: 7 лет 6 месяцев
Благодарил (а): 17 раз
Поблагодарили: 1 раз

Re: WysiBB (WYSIWYG-редактор)

Сообщение vic4884 »

LavIgor писал(а):
LONER писал(а): Вообще лучше в виде расширения делать
Я делал как раз. И оно работало.
Но оказалось, что редактор не ахти, да ещё и заброшен автором.
Тогда решил переделать под TinyMCE и начал писать плагин для парсинга BBCode, полностью готовых не было.
Много материала изучил, но, когда этот редактор в Яндекс.Почте проявил свои глюки, бросил эту затею.

Дальше хотел то ли CKEditor, то ли SCEditor, уже не помню даже.

Но в разработке уже есть расширение, думаю, стоит попробовать: [DEV] WYSIWYG SCEditor for phpBB 3.1.
этот редактор тоже не подходит, не корректно работает.
У меня пользователи попросили редактор который позволил бы им вставлять копипасту прямо с фото (с другого сайта).
в редакторе нормально, а при отправке ерунда выходит.
Вложения
редактор.png
Закрыто

Вернуться в «Поддержка модов для phpBB 3.0.x»