1 (edited by Nique 2009-04-22 03:34)

Topic: [Alpha] PunEdit (wysiwyg) v0.0.1a

Hey there,

I'm currently working on a 'special' WYSIWYG extension for PunBB.. i will call it PunEdit.
It looks a bit like tinyMCE, but it isn't. It will replace the current textarea fields with a nicely developed WYSIWYG editor that's build on the WidgEditor code. Anyway, i had to change a lot of code of that editor, so i might call it just PunEdit. Every composed message will still be stored as BBcode into the database. I decided this because you might want to change (migrate) forum software in the future... (which i wouldn't understand! roll) wink. Goals:

Updates:
I'll keep you updated in this post as often as possible.


http://upload.wikimedia.org/wikipedia/commons/3/35/Check_yes_very_small.pngWYSIWYG:

  • Optional functions (Bold, Italic, Underline, Strike-through, Links, E-mail, Lists, Quote, Code, text-color, text-size, smilies, Youtube).

  • Live Quoting.. no more quote tags!, just real life quoting

  • Custom toolbar.. Choose what kind of buttons you want at your chosen fields. (basic, advanced, minimal or your own setup). This can be setup inside a special settings page inside the administration panel. No more coding? big_smile

  • Complete language support

http://upload.wikimedia.org/wikipedia/commons/8/8a/Ballot_x_no_very_small.pngSmilies:

  • Smilies will be placed at the right side of the editor so you can quick pick one. Smilies will be live converted inside the editor while typing. The 'never show smilies as icons' will also work live inside the editor.. as soon you check it, the smilies will be transformed in plain text.

  • In the future i will try to add 'pack' support, so we can make our own packs.

http://upload.wikimedia.org/wikipedia/commons/8/8a/Ballot_x_no_very_small.pngImageManager:

  • You can download this plugin separately from the main (PunEdit) extension, but it will lay on the PunEdit extension.
    This ImageManager will go directly underneath the wysiwyg editor field. This takes some pixels in height, but users are able to upload images and click on their uploaded image to put it directly inside the editor. Users who are restricted can still place images using external images, the bar will be less in height, and the url field + 'add' button is still to insert images directly from it.

  • Users do upload to their own directory, so they can pick their already uploaded pictures in the future.

http://upload.wikimedia.org/wikipedia/commons/8/8a/Ballot_x_no_very_small.pngAttachments:

  • Like the ImageManager, there will be put a new field set beneath it (or, when ImageManager has not been installed beneath the editor field).

  • Uploaded files will be put in the attachment directory for users. So, in this case, you can bind 'pdf, doc or any other MIME type to a post)

Legend:
http://upload.wikimedia.org/wikipedia/commons/3/35/Check_yes_very_small.png : Currently working on
http://upload.wikimedia.org/wikipedia/commons/8/8a/Ballot_x_no_very_small.png : Not working on yet


Screenshots:
Very early ALPHA:
http://i5.photobucket.com/albums/y199/Ne0que/operation%20survival%20earth/th_Operationsurvivalearthpunbb-1.jpg

Making progress
http://i5.photobucket.com/albums/y199/Ne0que/simcity%204/bat/th_editor.jpg

I think, this will be a great 'attractive' addon.. and punBB will be downloaded twice more wink big_smile

And, to motivate me even more to finish it faster.. here is a hint big_smile wink :
https://www.paypal.com/en_US/i/btn/btn_donate_SM.gif

2 (edited by KeyDog 2009-04-19 16:11)

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

great ext.

1.  add hook request
or
2.  add the hook to the necessary file yourself...
3.  add the changed core file to your extension so that it can be used before next release with added hook is released.

or even join the dev team - write to parpalak either way or if 1. doesn't get feedback

3 (edited by Nique 2009-04-19 18:37)

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

I'm changing to nicedit because nicedit can replace textarea by javascript.

So i do not have to replace the textarea by hardcoding (creating a new hook)

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

good luck with this.
sounds good to me!

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

Really looking forward to this!!

6 (edited by Nique 2009-04-20 04:43)

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

Khalid-S wrote:

Really looking forward to this!!

Yea i'm sorry guys, but even nicEdit was buggy..

I'm creating one myself now, and it works!. Pictures soon! edit: look at the start post

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

It looks very nice smile
Very useful for those users, who don't even know how BBcode works...
Looking forward too big_smile

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

Amazing dude!! Keep up the good work big_smile

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

NICEEEEE.

Question: Does it use HTML in the posts or BBCODE.

MyFootballCafe.com  is Now Online!

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

SuperMAG wrote:

NICEEEEE.

Question: Does it use HTML in the posts or BBCODE.

It uses BBcode as written in the description above...

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

oh didnt noticed that, THANKS ALOT, i will install it once its done.

MyFootballCafe.com  is Now Online!

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

Nique, that`s coool ext. Thanks!

May be we can test it?

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

Request:

In Admin Area, Can you make a page where people can add extra buttons. Like they need the:

1- Title of the button.
2- Image of the button.
3- And the code it produces when u click on the button. I.e: aabbcc [aabbcc] aaasdfasfasfsafsafas[/aabbcc]

Thanks

MyFootballCafe.com  is Now Online!

14

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

You mean custom buttons?

Yes, maybe later. You have to be careful with adding options as it can breach the security. (script uploading e.g.)

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

Yes Custom buttons, since many people might use other specific extensions and need to add the buttons to the bar.

i know, only admin should be allowed to add buttons.

MyFootballCafe.com  is Now Online!

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

This would be awesome! Can't wait! Download link yet? big_smile

17 (edited by Nique 2009-04-20 19:01)

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

Well, i will put a download link online when the editor reaches beta status..

Beta's are for tests wink In the mean while you'll have to do it with screenshots (and maybe some examples).  This is for security reasons...

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

Nique wrote:

Well, i will put a download link online if the editor reaches beta status..

Beta's are for tests wink In the mean while you'll have to do it with screenshots (and maybe some examples).  This is for security reasons...

Understood. Thanks

19

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

Does anyone know this?

Is there any way to retrieve the current style information inside a attached javascript file?
I need to send data to javascript, but i do not want to put 'inline' javascript on top of screen.

I include the punEdit.js file via the manifest.. but when im in punEdit.js, i cannot retrieve the current path of extensions / styles.

I really need this information.

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

how is it going? any news?

21

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

I'm currently on a 2 week vacation.

Ciao

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

Nique wrote:

I'm currently on a 2 week vacation.

Ciao

Any news? We're waiting for your extension so much!! big_smile
How many dollars do you need to speed up your work? wink

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

any news on this.

MyFootballCafe.com  is Now Online!

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

I think he gave it up...

Re: [Alpha] PunEdit (wysiwyg) v0.0.1a

oh man, at least release the current developed one. may be some one can follow up, not sure if any one would do. but oh well.

MyFootballCafe.com  is Now Online!