Pixel Editor 1.0.0 Beta

[Peter]

Pixel Editor

This plugin adds a pixel editor to your forum so that guests and members can create pixel art master pieces. If the user is logged in to the forum, then they can drag and drop their art to their posts to show them off.

To access the pixel editor, look in the Yootil plugin bar (usually bottom left).

Notes:

- Yootil is required (link)
- Uses a post key


Library Link: www.proboards.com/library/plugins/item/1425

---

Features

• Undo & Redo
• Choose color
• Fill color
• Show / Hide grid
• Mirror mode
• Eraser
• Save / Save As
• Open (File List)
• Export / Import data
• Drag & Drop onto posts
• Image options for images in posts
• Color picker
• Automatically trim unused pixels around image
• Basic help dialog

---

Screen Shots

---

Video

---

FAQ

• - How do I open the options dialog?
  Double click on the image you wish to edit.  If you are the owner or have permission, you will have extra options, otherwise it will show the data dialog.  This feature is kinda hidden, so let your members know about it please.
  
• - How do I delete an image from a post?
  If you are staff, or are the original owner of the image, then double click and choose "Delete Art" option. This feature is kinda hidden, so let your members know about it please.
  
• - How can I set the default scale of images?
  This can be done in the plugin settings. Default is 0.
  
• - My theme is causing the content in the dialogs to be cut off, how can I fix this?
  In the plugin settings I have included a global width and height to increase all dialogs by those amounts set.
  
• - How many images can I save?
  Images are stored in localStorage for the browser being used, so it depends on the browser settings. For posts, only 1 image can be save due to key size limit.
  
• - Can I attach more than one image to a post?
  No, because the data for images can reach just under 4,000 characters which nearly hits the key limit, and the rest of the space is used for other data.
  
• - My member cannot remove an image from their post.
  If the image was replaced by a member of staff, then this is the reason. Staff images cannot be removed by members, even if they own the post. This is by design.
• - Can I customise any of the styling?
  Yes, mostly everything is styled using CSS in a stylesheet, so you can overwrite those rules. Have a look at the stylesheet on GitHub for class and id names.
• - Can you add X feature?
  Probably not, this plugin was meant to be a weekend project, but turned out to take much longer than I would have liked. Maybe in the future.
• - I can't drag and drop my image to a post, why?
  Chances are, the plugin can not find the user ID to go along with the post. To verify (staff not included) a post is owned by the user, the user link is required so that it can be matched again the user adding the image. This is a theme issue on your end, though there is an easy solution; Add the user link back, but hide it.
  

Source

github.com/PopThosePringles/ProBoards-Pixel-Editor

[Athyrie]

I've recently imported your Pixel Editor plugin onto my forum, and it appears to work for everyone EXCEPT me, the admin. I read your note at the bottom saying:

I can't drag and drop my image to a post, why?

Chances are, the plugin can not find the user ID to go along with the post. To verify (staff not included) a post is owned by the user, the user link is required so that it can be matched again the user adding the image. This is a theme issue on your end, though there is an easy solution; Add the user link back, but hide it.

However, I don't understand what this means? I don't know how the user-link could have gotten removed or distorted? Is there any way you can help me find solution? Thank you!

My board is meadowgame.freeforums.net/

[Peter]

Athyrie,

Are you able to open the Pixel Editor?

[Former Member]

neat ! i'm going to go check it out.

[Former Member]

its works fine, pretty cool !! but i'm missing some text  .. can i have the css to change it pls ..... i can't change it on my end becuase it conflics with my other boxes like this

thank you ... love it  


sprites here we come  


edit: and is the fill option suppose to fill a space ? or the whole board ? because it only fills the whole board even if i do it in a circle with no gaps. 

[Former Member]

looks awesome Peter.

Is it drawn onto a canvas or table(row|col) ?

[Peter]

@synthtec ,

Thanks. Lot of effort for nothing though

Canvas, though the grid uses SVG.

Edit:  Actually, I take a bit of that back, I got something out of it (I learned a couple of things while working on it), but hopefully you get what I mean.

[Peter]

@joecool111,

Your theme must be messing with it. Try it on the test forum monetary.proboards.com and report back.

The fill does the whole canvas.

[Former Member]

Nov 9, 2016 9:49:39 GMT -8 Peter said:

@joecool111 ,

Your theme must be messing with it. Try it on the test forum monetary.proboards.com and report back.

The fill does the whole canvas.

i couldn't see it on your site sorry for some reason.


the fills fine as is then thank you, the drag and drop doesn't work tho ..... can i have the css selector for the text pls on the boxes i can't see ?

goldenbeatz.uk/  go check it you need, you'll see it on the right side half way down. 

[Peter]

@joecool111 ,

Working fine for me... goldenbeatz.uk/thread/443/test (seems you have to be logged in for that plugin to work on your forum).

CSS fix:

#pixel-editor-help div span, #pixel-editor-file-list {

color: #000;

}

There are issues with your forum theme, but the plugin works.

[Former Member]

Nov 9, 2016 11:24:47 GMT -8 Peter said:

@joecool111 ,

Working fine for me... goldenbeatz.uk/thread/443/test (seems you have to be logged in for that plugin to work on your forum).

CSS fix:

#pixel-editor-help div span, #pixel-editor-file-list {

color: #000;

}

There are issues with your forum theme, but the plugin works.

thanks for the fix, but i can't seem to get it to drag and drop the post like you did, i tested on chrome and firefox ... how did you do itb ? on my site i mean. 

[Peter]

@joecool111, watch the video, it shows the feature in use... youtu.be/xjkb_Q21V3Q?t=179

[Former Member]

Nov 9, 2016 12:05:39 GMT -8 Peter said:

@joecool111 , watch the video, it shows the feature in use... youtu.be/xjkb_Q21V3Q?t=179

how does it do that ?   can you add them to anyones post ? or just your own ? 

this is voddoo !! 

[Peter]

@joecool111 ,

- Staff can add them to any post.
- Members can only add them to their own posts.
- If a staff member adds one to another members post, then that image cannot be replaced / removed by that member who owns the post.

How does it do it? Magic pixels of cause

[Former Member]

it all works btw