[ABD] URL + IMG Prompt while posting (friendly bbcode)

[Balint]

This MOD is abandoned, please take a look at Better Prompt 4 BBCodes


MOD Title: URL + IMG Prompt while posting
MOD Description: When user clicks the URL or IMG button while posting, a Javascript prompt lets him input (image) URL (and linktext) and puts the complete bbcode in the posting textarea.

MOD Version: 0.2.0
phpBB Version: 3.0.0 GOLD

MOD Format: MODX

MOD Download: http://phpbb.krizsan.de/url_image_prompt_0.2.0.zip

Works with the following templates: prosilver, subsilver2

There are no update instructions from 0.1.0 to 0.2.0. Please use a clean copy of editor.js

Upon a request from saaiberke here I adapted the old userfriendly URL-input while posting-MOD from Tsjakkaa to fit phpBB 3.0.

Please feel free to leave comments, bug-reports and donuts.

[SecondShoe]

Excellent mod! It is working on both ProSilver and SubSilver based styles in my forum. Thank You!
P.S. This mod must be included in the next version of phpBB I think.

[Kalipo]

T H A N K Y O U

Sheesh, I agree this should be standard, but meh

[mezzomix23]

Nice mod, but I have a request on that mod.

Well, it works well if you click on the URL button, you have the popup that asks for the link, then for the text...

But it doesn't work if you begin to type your text, write an URL link and then decide to make it more "friendly". If you select the URL you have type, then click on the URL button, I got the same 2 input boxes and when I validate the boxes, the result in not the expected one. Example:

I write:

Code: Select all

www.google.com

Then I select this text and click on the URL button. I get the first inputbox that shows me the following:

Code: Select all

Enter the URL
http://

(If I leave like that or retype

Code: Select all

www.google.com

the final result is the same)

Then I get the second inputbox:

Code: Select all

Enter link text
http://www.google.com

I validate...

The final result is:

Code: Select all

[url]www.google.com[/url]

instead of

Code: Select all

[url="http://www.google.com"]www.google.com[/url]

Is there any way to modify this to:

• If nothing is selected ==> default behaviour
• If a text is selected ==> first inputbox take the selection and puts it directly in the field and when finished, the selection has been updated correctl

Thank you in advance
Mezzomix23

[Balint]

Hi!

This is of course possible, I had another bugreport and will merge your request and the bugfix into a new version within a week.

Thank you for you interest and suggestions!


Greets,
Bálint

[mezzomix23]

That's a quick answer

Thank you for your reactivity

I admit that I've tried to do it myself, but I've not managed to make it work. I look forward to see how you've done ^^

Someone opened a similar topic, but also included the request to have the same for IMG bbcode (http://www.phpbb.com/community/viewtopi ... 5#p4578995)

Do you think you will be able to do that also ?

Thank you
Mezzomix23

[Balint]

Will most definitely implement this aswell, should be a lot easier then the URL thingy

[mezzomix23]

Great, you will have at least 2 guys happy

I can not understand why this is not by default... It so much userfriendly to have popups rather than typing all the code manually, especially for non-technical people

[Brizzle]

Thanks for posting this mod! It's a simple one to install, yet I think it's very helpful to forum users that aren't familiar with tagging things properly. It will definitely be a great help to the members of my forum.

Please let me know when you are able to add a prompt for the Img bbcode.

[*Capmaster*]

Thanks for working on this mod. We had Tsjakkaa's mod on our ver. 2 forum and we missed it in ver. 3.

Nice work!

[Brizzle]

I am trying to modify the mod to make it work in a similar way for the IMG tag, but I have no clue what I'm doing and it's not turning out too well.

I basically added these lines:

Code: Select all

if (bbnumber == 14)
	{
		var img = prompt('Enter the image URL' , 'http://');
		bbfontstyle(bbtags[bbnumber], bbtags[bbnumber+1], img);
	}

Code: Select all

function bbfontstyle(bbopen, bbclose, URL, linktext, img)

Code: Select all

if (img)
	{
		insert_text(bbopen + img + bbclose);
	}

From that, I get:

Code: Select all

[url=http://www.google.com/intl/en_ALL/images/logo.gif]undefined[/img][img][/img]

No good.

[Balint]

Please have a little patience, I'll figure it out tomorrow, today there's the final day in one of my projects which has top priority.

[Brizzle]

Not trying to rush you or anything. Just seeing if I can puzzle this one out on my own or maybe someone else might have a suggestion.

[mezzomix23]

Tomorrow ? Cool

Many thanks
Mezzomix23

[Balint]

I couldn't resist...

(the instructions assume you already installed the URL part)

FIND

Code: Select all

	if (bbnumber == 16)
	{
		var URL = prompt('Enter the URL' , 'http://');
		var linktext = prompt('Enter link text' , URL.replace("http://", ""));
		bbfontstyle(bbtags[bbnumber], bbtags[bbnumber+1], URL, linktext);
	}

ADD AFTER

Code: Select all

	else if (bbnumber == 14)
	{
		var IMG = prompt('Enter Image URL' , 'http://');
		bbfontstyle(bbtags[bbnumber], bbtags[bbnumber+1], null, null, IMG);
	} 

FIND

Code: Select all

function bbfontstyle(bbopen, bbclose, URL, linktext)

REPLACE WITH

Code: Select all

function bbfontstyle(bbopen, bbclose, URL, linktext, IMG)

FIND

Code: Select all

	if (URL)
	{
		insert_text("[url=" + URL + "]" + linktext + bbclose);
	}

ADD AFTER

Code: Select all

	else if (IMG)
	{
		insert_text(bbopen + IMG + bbclose);
	}

Should work. Kudos to Brizzle for almost figuring it out...