MyBB Community Forums
Replacing top tool bar icons in post text editor - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: 1.8 Support (https://community.mybb.com/forum-175.html)
+--- Forum: General Support (https://community.mybb.com/forum-176.html)
+--- Thread: Replacing top tool bar icons in post text editor (/thread-236987.html)



Replacing top tool bar icons in post text editor - peter_vps - 2022-11-19

Hi guy's,

Any tips on how to replace the top tool bar icons with clean and sharp svg ones, should i just use the famfamfam.png and replace the images on it with svg, not sure what is the best way to do it?

[Image: PFMuxHZ.jpg]

Regards Peter


RE: Replacing top tool bar icons in post text editor - peter_vps - 2022-11-20

OK i am almost there but there is still one slight issues, even if i made the svg icons bigger they still display as very small so how can i make them bigger?

[Image: tP4hml1.jpg]


RE: Replacing top tool bar icons in post text editor - SvePu - 2022-11-21

You could activate editor svg icons as follow:

Open theme template codebuttons

Search for:
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/sceditor/plugins/undo.js?ver=1832"></script>

Add below:
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/sceditor/icons/monocons.js?ver=1832"></script>


Search for:
format: "bbcode",

Add below:
icons: "monocons",

Save template and have a look Wink


RE: Replacing top tool bar icons in post text editor - peter_vps - 2022-11-21

(2022-11-21, 10:10 AM)SvePu Wrote: You could activate editor svg icons as follow:

Open theme template codebuttons

Search for:
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/sceditor/plugins/undo.js?ver=1832"></script>

Add below:
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/sceditor/icons/monocons.js?ver=1832"></script>


Search for:
format: "bbcode",

Add below:
icons: "monocons",

Save template and have a look Wink

Thank for the tips SvePu, i will  have a look at it and so far from what i have read i will have to use viewbox if i want to scale svg and the way they made the icons with grid positions that might get a little complicated to setup.

Regards Peter

I managed how to do it and you can get the files for dark and light theme here : https://community.mybb.com/thread-237012.html