Yootil button as a custom post button

[remnantique]

So i've got this plugin: www.proboards.com/library/plugins/item/1425 [ Pixel Editor ]

..which displays a pixel editor button in the yootil for people to use.

I want that button to be in the post buttons. So i used this plugin: www.proboards.com/library/plugins/item/558 [ custom buttons ]

..to make custom buttons. In the custom buttons plugin it's asking for a tag:

- enter the BBCode (minus the square brackets and any attributes) in the tag field, for example a

tag would be entered simply as "blockquote" (without the quotes). This plugin does not currently support unknown BBCode tags so make sure it is a tag you can type normally and you wish to create a button rather than having to type it out every time.

I'm not a programmer but I want to call the pixel editor plugin when i click the custom button however it wants me to do this in bbcode. Is there any way I can go about this or even a completely different way than what i'm doing?

[remnantique]

Either this or does anyone know how to move a button from the yootil bar to the post button bar?

[Lynx]

Tagging Peter, as Yootil is his plugin and he may know how to do this - if possible.

[Peter]

Each icon in the Yootil bar has a handler attached to them. So simply adding a button will not be of any use. Basically you need to be able to execute this code you see...

github.com/PopThosePringles/ProBoards-Pixel-Editor/blob/master/src/proboards_pixel_editor.js#L389

So it will require a little bit of knowledge to understand what my code is doing so you can replicate the click behaviour.

OR

If you are wanting to keep the icon in the Yootil bar.  Then you could simply do this...

yootil.bar.get("pixel-editor-main-dialog").click()

Edit:  Thinking about it...  if you don't want the icon in the bar, hide it and use the above code to open the dialog.  Just remember, pixel art can't be attached in the reply box, they are dropped onto posts instead.

[remnantique]

Peter Do i copy this:

yootil.bar.get("pixel-editor-main-dialog").click()

into the attibute section in the bbcode button plugin? It's not working

[remnantique]

these are the only options i have

[remnantique]

Any help on this please?

[Lynx]

remnantique,

The plugin UI in your image above looks like it might be one of Chris's plugins, so I've tagged him. Please note that some plugin authors may be very busy and may not be able to log on here every day. Please have some patience, as they are all volunteers and have RL things that take priority.

[Chris]

The live drawing editor I downloaded from the library in order to investigate has no option to place anything in the yootil bar as far as I can see so I might be on a totally different plugin. The buttons plugin has an API which can be employed to create a button from within the live drawing plugin:

init : function () {
	this.setup();

	if (!this.can_use_in_board()) {
		return;
	}

	if (yootil.location.check.posting() || yootil.location.check.editing() || yootil.location.check.messaging()) {
		if (!!document.createElement("canvas").getContext) {
			this.create_canvas();
			this.add_drawing_button();
			this.bind_events();
		}

		if (yootil.location.check.editing() || yootil.location.check.posting_quote() || yootil.location.check.message_quote()) {
			this.get_data();
		}
	}

	var location_check = (yootil.location.check.search_results() || yootil.location.check.message_thread() || yootil.location.check.thread() || yootil.location.check.recent_posts() || $("div.container.posts.summary").length);

	if (location_check) {
		this.convert_canvas_data();

		yootil.ajax.after_search(this.convert_canvas_data, this);

		var livedraw = this;
		$(window).on('load', function () {
			if (window.eton && eton.wysiwyg) {
				livedraw.create_canvas();
				livedraw.bind_events();
				eton.wysiwyg.addButton(
					'livedraw',
					livedraw.images.live_drawing, {
					insert : function () {
						livedraw.show_drawing_window();
						//don't insert a tag into typing area
						return false;
					},
					title : 'Draw A Picture'
				})
				$('.form_post_quick_reply').on('submit', function (ev) {
					if (!livedraw.has_drawn)
						return;
					$('textarea[name="message"]', this).replaceSelection("[div href=\"https://github.com/PopThosePringles/ProBoards-Live-Drawing\" title=\"" + livedraw.canvas.get(0).toDataURL() + "\"][/div]")
				})
			}
		})

	}
},

[remnantique]

I will give this a try thank you

[Peter]

Jul 29, 2017 3:33:04 GMT -8 Chris said:

The live drawing editor I downloaded from the library in order to investigate has no option to place anything in the yootil bar as far as I can see so I might be on a totally different plugin.

Bit late responding.

Yeah, they were on about my pixel editor plugin. The Live Drawing one doesn't add anything to the yootil bar, but the pixel editor does.

support.proboards.com/thread/603881/pixel-editor-1-beta