(Editor) Message Box 1.0.1

I had an issue and had to do some code by hand. Outside this, it's a good plugin, so 3*

Thanks to @Phil7789 i found out the issue.

First of all, delete the button then clean your browser's cache

If you unzip [Makoto] (Editor) Message Box 1.0.1\(Editor) Message Box\ckeditor\ipsbox.zip and open plugin.js you'll find this piece of code.

	onLoad: function(editor) {
		CKEDITOR.addCss( ".ipsMessage_error:before,.ipsMessage_general:before,.ipsMessage_info:before,.ipsMessage_information:before,.ipsMessage_success:before,.ipsMessage_warning:before{conent:''}.ipsMessage{padding:15px 15px 15px 45px;border-radius:2px;position:relative;margin-bottom:10px;color:#fff}html[dir=rtl] .ipsMessage{padding:15px 45px 15px 15px}.ipsMessage:before{font-family:FontAwesome;position:absolute;top:15px;font-size:20px}html[dir=ltr] .ipsMessage:before{left:15px}html[dir=rtl] .ipsMessage:before{right:15px}.ipsMessage a{color:#fff;border-bottom:1px dotted #fff}.ipsMessage_title{margin:0 0 5px;padding:0;font-size:16px;line-height:1}.ipsMessage a.ipsButton{margin-top:-5px}.ipsMessage_code{padding:7px;display:inline-block;background:rgba(0,0,0,.2);border-radius:3px;margin-top:-7px;color:rgba(255,255,255,.8)}html[dir=rtl] .ipsMessage_code{margin-right:-7px;float:left;margin-left:-7px}.ipsMessage_error{}.ipsMessage_success{}.ipsMessage_success.ipsMessage a:not(.ipsButton){color:#556b45;border-bottom:1px dotted #556b45}.ipsMessage_warning{background:#ede6e0;color:#564a3f}.ipsMessage_warning.ipsMessage a:not(.ipsButton){color:#564a3f;border-bottom:1px dotted #564a3f}.ipsMessage_info,.ipsMessage_information{background:#5e707d}.ipsMessage_general{background:#ebebeb;color:#333}.ipsMessage_general.ipsMessage a:not(.ipsButton){color:#333;border-bottom:1px dotted #333}" );
	}

and replace it with this part (basically i just removed CSS colors)

	onLoad: function(editor) {
		CKEDITOR.addCss( ".ipsMessage_error:before,.ipsMessage_general:before,.ipsMessage_info:before,.ipsMessage_information:before,.ipsMessage_success:before,.ipsMessage_warning:before{conent:''}.ipsMessage{padding:15px 15px 15px 45px;border-radius:2px;position:relative;margin-bottom:10px;color:#fff}html[dir=rtl] .ipsMessage{padding:15px 45px 15px 15px}.ipsMessage:before{font-family:FontAwesome;position:absolute;top:15px;font-size:20px}html[dir=ltr] .ipsMessage:before{left:15px}html[dir=rtl] .ipsMessage:before{right:15px}.ipsMessage a{color:#fff;border-bottom:1px dotted #fff}.ipsMessage_title{margin:0 0 5px;padding:0;font-size:16px;line-height:1}.ipsMessage a.ipsButton{margin-top:-5px}.ipsMessage_code{padding:7px;display:inline-block;background:rgba(0,0,0,.2);border-radius:3px;margin-top:-7px;color:rgba(255,255,255,.8)}html[dir=rtl] .ipsMessage_code{margin-right:-7px;float:left;margin-left:-7px}.ipsMessage_error{}.ipsMessage_success{}.ipsMessage_success.ipsMessage a:not(.ipsButton){border-bottom:1px dotted #556b45}.ipsMessage_warning{}.ipsMessage_warning.ipsMessage a:not(.ipsButton){border-bottom:1px dotted #564a3f}.ipsMessage_info,.ipsMessage_information{}.ipsMessage_general{}.ipsMessage_general.ipsMessage a:not(.ipsButton){border-bottom:1px dotted #333}" );
	}

Then save plugin.js, zip again the ipsbox folder and voila!

ipsbox.zip

The button itself works as expected, but with a huge disadvantage: Wherever the editor is displayed global announcements are styled wrong. After uninstalling the button the announcements went back to normal for me. (IPS 4.4.3, also with default theme and disabled 3rd party addons)

What it should look like:

What it looks like when the editor with the message box button is present:

Works fine, installed without hassles. Excellent for general staff announcements inside a topic

Great plugin, works as expected!

I am very unhappy with this add-on because it has not been updated since 2017

Leave the editor hanging when you try to install.

Send a notice to your developer and do not bother to respond, I pay for this add-on unless I am heard or try to help.