MyBB Community Forums
Change Quick Reply Editor To Advanced Editor - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Resources (https://community.mybb.com/forum-8.html)
+--- Forum: Tutorials (https://community.mybb.com/forum-38.html)
+--- Thread: Change Quick Reply Editor To Advanced Editor (/thread-128009.html)

Pages: 1 2


Change Quick Reply Editor To Advanced Editor - Marks-Mans - 2012-10-21

First Go To Your Theme Templates Then Go To showthread_quickreply

Replace Default With The Code Below

<br />
<form method="post" action="newreply.php?tid={$tid}&amp;processed=1" name="quick_reply_form" id="quick_reply_form">
	<input type="hidden" name="my_post_key" value="{$mybb->post_code}" />
	<input type="hidden" name="subject" value="RE: {$thread['subject']}" />
	<input type="hidden" name="action" value="do_newreply" />
	<input type="hidden" name="posthash" value="{$posthash}" id="posthash" />
	<input type="hidden" name="quoted_ids" value="" id="quoted_ids" />
	<input type="hidden" name="lastpid" id="lastpid" value="{$last_pid}" />
	<input type="hidden" name="from_page" value="{$page}" />
	<input type="hidden" name="tid" value="{$tid}" />
	<input type="hidden" name="method" value="quickreply" />

	<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
		<thead>
			<tr>
				<td class="thead" colspan="2">
					<div class="expcolimage"><img src="{$theme['imgdir']}/collapse{$collapsedimg['quickreply']}.gif" id="quickreply_img" class="expander" alt="[-]" title="[-]" /></div>
					<div><strong>{$lang->quick_reply}</strong></div>
<!-- start: codebuttons -->
<script type="text/javascript" src="jscripts/editor.js?ver=1600"></script>
<script type="text/javascript">
<!--
	var editor_language = {
	title_bold: "Insert bold text",
	title_italic: "Insert italic text",
	title_underline: "Insert underlined text",
	title_left: "Align text to the left",
	title_center: "Align text to the center",
	title_right: "Align text to the right",
	title_justify: "Justify text",
	title_numlist: "Insert numbered list",
	title_bulletlist: "Insert bulleted list",
	title_image: "Insert image",
	title_hyperlink: "Insert hyperlink",
	title_email: "Insert email address",
	title_quote: "Insert quoted text",
	title_code: "Insert formatted code",
	title_php: "Insert formatted PHP code",
	title_close_tags: "Close any open MyCode tags that you currently have open",
	enter_list_item: "Enter a list item. Click cancel or leave blank to end the list.",
	enter_url: "Please enter the URL of the website.",
	enter_url_title: "Optionally, you can also enter a title for the URL.",
	enter_email: "Please enter the email address you wish to insert.",
	enter_email_title: "Optionally, you may also enter a title for the email address.",
	enter_image: "Please enter the remote URL of the image you wish to insert.",
	enter_video_url: "Please enter the URL of the video.",
	video_dailymotion: "Dailymotion",
	video_metacafe: "MetaCafe",
	video_myspacetv: "MySpace TV",
	video_vimeo: "Vimeo",
	video_yahoo: "Yahoo Video",
	video_youtube: "YouTube",
	size_xx_small: "XX Small",
	size_x_small: "X Small",
	size_small: "Small",
	size_medium: "Medium",
	size_large: "Large",
	size_x_large: "X Large",
	size_xx_large: "XX Large",
	font: "Font",
	size: "Text Size",
	color: "Text Color"
};
	var clickableEditor = new messageEditor("message", {lang: editor_language, rtl: 0, theme: "default"});
	if(clickableEditor)
	{
		clickableEditor.bindSmilieInserter("clickable_smilies");
	}
// -->
</script>
<!-- end: codebuttons -->
</tr>
				</td>
			</tr>
		</thead>
		<tbody style="{$collapsed['quickreply_e']}" id="quickreply_e">
			<tr>
				<td class="trow1" valign="top" width="13%">
					<strong>{$lang->message}</strong><br />
					<script type="text/javascript" src="jscripts/editor.js?ver=1600"></script>
					<label><input type="checkbox" class="checkbox" name="postoptions[signature]" value="1" {$postoptionschecked['signature']} />&nbsp;<strong>{$lang->signature}</strong></label><br />
					<label><input type="checkbox" class="checkbox" name="postoptions[disablesmilies]" value="1" />&nbsp;<strong>{$lang->disable_smilies}</strong></label>{$closeoption}</span>
				</td>
				<td class="trow1">
					<div style="width: 99%">
						<textarea style="width: 100%; padding: 4px; margin: 0;" rows="12" cols="90" name="message" id="message" tabindex="1"></textarea>
					</div>
					<div class="editor_control_bar" style="width: 95%; padding: 4px; margin-top: 3x; display: none;" id="quickreply_multiquote">
						<span class="smalltext">
							{$lang->quickreply_multiquote_selected} <a href="./newreply.php?tid={$tid}&amp;load_all_quotes=1" onclick="return Thread.loadMultiQuoted();">{$lang->quickreply_multiquote_now}</a> {$lang->or} <a href="javascript:Thread.clearMultiQuoted();">{$lang->quickreply_multiquote_deselect}</a>.
						</span>
					</div>
				</td>
			</tr>
			{$captcha}
			<tr>
				<td colspan="2" align="center" class="tfoot"><input type="submit" class="button" value="{$lang->post_reply}" tabindex="2" accesskey="s" id="quick_reply_submit" /> <input type="submit" class="button" name="previewpost" value="{$lang->preview_post}" tabindex="3" /></td>
			</tr>
		</tbody>
	</table>
</form>

If You Faced Any Error Please Reply

Wink


RE: Change Quick Reply Editor To Advanced Editor - dj83 - 2012-10-23

Hello,

I just used this code but my text is on 2 separate lines like "disable smilies" etc (pic attached). How can I fix this?

   

Thank you!


RE: Change Quick Reply Editor To Advanced Editor - Marks-Mans - 2012-10-24

(2012-10-23, 08:31 PM)dj83 Wrote: Hello,

I just used this code but my text is on 2 separate lines like "disable smilies" etc (pic attached). How can I fix this?



Thank you!

Try to Change 13% to 15%
<td class="trow1" valign="top" width="15%">

And Check Smile


RE: Change Quick Reply Editor To Advanced Editor - Spangle - 2013-01-09

Doesn't this require a showthread.php edit as well ?


RE: Change Quick Reply Editor To Advanced Editor - Nickd1066 - 2013-01-18

This is a very nice, easy and helpful edit.

My only problem is that the re-sizable text area becomes to large on the right hand size.

Here it is now

http://i.imm.io/TgPu.png

Here is how I would like it to look

http://i.imm.io/TgR6.png

Any help?


RE: Change Quick Reply Editor To Advanced Editor - effone - 2013-01-18

This is for the padding of the textarea of your theme.

This code:
textarea style="width: 100%;

Try reducing the width %


RE: Change Quick Reply Editor To Advanced Editor - Nickd1066 - 2013-01-18

(2013-01-18, 07:20 PM)effone Wrote: This is for the padding of the textarea of your theme.

This code:
textarea style="width: 100%;

Try reducing the width %

Thanks for the suggestion.

But

this is how it looks after taking the width % down

http://i.imm.io/ThaJ.png


RE: Change Quick Reply Editor To Advanced Editor - Diyar_KURD - 2014-10-01

Didnt work for me (1.8)
it will only incease the quick editor size


RE: Change Quick Reply Editor To Advanced Editor - martec - 2014-10-02

(2014-10-01, 10:48 AM)Diyar_KURD Wrote: Didnt work for me (1.8)
it will only incease the quick editor size

this tutorial for 1.6 and not to 1.8...
revert template change first...

and try use this http://community.mybb.com/mods.php?action=view&pid=28 or this http://community.mybb.com/mods.php?action=view&pid=217


RE: Change Quick Reply Editor To Advanced Editor - david94 - 2021-06-04

(2014-10-02, 07:11 AM)martec Wrote:
(2014-10-01, 10:48 AM)Diyar_KURD Wrote: Didnt work for me (1.8)
it will only incease the quick editor size

this tutorial for 1.6 and not to 1.8...
revert template change first...

and try use this http://community.mybb.com/mods.php?action=view&pid=28 or this http://community.mybb.com/mods.php?action=view&pid=217

https://prnt.sc/13y0mfx

Do you have an update for this? It is no longer working