How to add the "image" button to mce toolbar editor? - How-to and Troubleshooting - wpForo 2.0

RE: How to add the "image" button to mce toolbar editor?

Rajraj — Fri, 17 May 2019 04:37:03 +0000

Thank You for your reply verek.

RE: How to add the "image" button to mce toolbar editor?

VereK — Fri, 17 May 2019 01:27:24 +0000

He means a direct edit of /wp-content/themes/youractivethemename/functions.php. (Much caution required).

Or you can use a plugin like Code Snippets (https://wordpress.org/plugins/code-snippets/) which is a bit safer and convenient.

RE: How to add the "image" button to mce toolbar editor?

Rajraj — Wed, 15 May 2019 05:43:49 +0000

Hi Moisb,

Thank you for suggestion. I'm also developer only i'm a beginner of this WordPress. i seen your link and other solution also but i'm little confusion where i want to paste that code that's why i ask that question. Please help me to solve that issues.

RE: How to add the "image" button to mce toolbar editor?

moisb — Tue, 14 May 2019 12:17:46 +0000

for this you will need a bit more code and customization:

https://www.youtube.com/watch?v=XIOVglUG268

https://stackoverflow.com/questions/35575786/tinymce-insert-edit-image-source-button

I suggest you hiring a developer 😉

RE: How to add the "image" button to mce toolbar editor?

Rajraj — Tue, 14 May 2019 05:36:30 +0000

Hi moisb,

First of all i would like to say thank for Reply.. Your code working perfectly, but i can't able to browser that file. That option is not showing in Popup. Now, What I want to do for that Option. Pls check my attachment, then u come to know what issues i facing

wpforo_image_button.png

RE: How to add the "image" button to mce toolbar editor?

moisb — Mon, 13 May 2019 12:02:24 +0000

hi @rajraj if you have the latest version of WPforo, just add the following filter to your functions.php (in your theme). No need to edit files in the plugin folder. Realize that you can remove and add buttons, and even TinyMCE plugins

//filter MCE buttons for WPFORO
add_filter( 'wpforo_editor_settings', 'editarbotoes_wpforoeditor');
function editarbotoes_wpforoeditor( $buttons ) {

$buttons = 'bold,italic,underline,strikethrough,forecolor,bullist,numlist,hr,alignleft,aligncenter,alignright,link,unlink,blockquote,emoticons,image,media';

$buttons = 'hr,lists,media,textcolor,wpemoji,wplink,image';

return $buttons;
}

RE: How to add the "image" button to mce toolbar editor?

Rajraj — Mon, 13 May 2019 10:43:27 +0000

What did your edit the functions "function topic_form($forumid)" and "function reply_form($args)" on plugin file class-template.php. Let me Know... I'm also facing same issues

RE: How to add the "image" button to mce toolbar editor?

Florian — Fri, 01 Mar 2019 17:32:04 +0000

This is how I changed the buttons in the editor in functions.php. However, I didn't write this code myself so I am not sure how good it is:

add_filter( 'wp_editor_settings', function( $settings ){
	if ( empty( $settings ) || ! is_array( $settings ) )
		$settings = [];

        $settings = 'true';
	$settings = 'bold,italic,underline,codesample,undo,redo';

	return $settings;
} );

"toolbar1" defines the buttons that you want to have in the editor.
I also added another TinyMCE plugin this way (codesample).

RE: How to add the "image" button to mce toolbar editor?

CENTRAL4ALL — Fri, 01 Mar 2019 16:15:47 +0000

The best thing is to be able to choose the buttons in the bar.

Why someone to have buttons that they are not usefull to him and they are only to somebosy else?

RE: How to add the "image" button to mce toolbar editor?

moisb — Fri, 01 Mar 2019 15:09:41 +0000

Hi @sofy. This is a tip to facilitate users to insert/show images directly into the message body. Most users do not know how to add html tags to this and it's neither practical :(

I believe that this simple change (activate the image button) makes WPForo even better :)