No icon chooser in latest version

[STV11C]

Hey @mlwilkerson

I just updated to latest 4.0.2 running latest WP 5.8 but I cannot see the Icon Chooser in editor on Page/Post.

I even switched to TwentyTwentyOne theme and still wasn't showing.

Any ideas?

Regards

[mlwilkerson]

Thanks for the report, @STV11C.

Do you see any relevant-looking messages in the JavaScript console on the page?

What is the page URL? I.e. is it post.php, or post-new.php, or something else?

[mlwilkerson]

And are you installing via the plugins directory (or uploaded zip file), or as a composer package, or some other way?

Do you know if any other plugins that are installed that are providing some kind of enhancement to the editor?

Is it the Classic Editor you're using, or the Block Editor that ships with WordPress Core, or is it a new version of Gutenberg via the Gutenberg plugin? Or some other editor?

[mlwilkerson]

It seems there must be something different about your environment than mine. I verified that the Icon Chooser loaded as expected in 4.0.2 in multiple different WordPress environments and in both Classic and Block editors before releasing. In particular, using WordPress 5.8 with 4.0.2 in my environment, the Icon Chooser works as expected.

[STV11C]

Thanks for the quick reply! Where is the icon picker supposed to be within the editor? Can you please send screenshot?

[mlwilkerson]

It's different, depending on whether you're in the Block Editor or the Classic Editor.

The first of the screenshots here on the plugin's listing in the plugin directory shows where you can find it in the Block Editor. It's on the "format" bar. The format bar may not appear to be available (such as in a paragraph block) unless you've already got some content in the block that you're editing. Like when you add some text and then make it bold, or italic--it's that same format bar that you'd use to insert an inline image...or a Font Awesome Icon.

Another way to go is to change your UI settings in the Block Editor to show the Top Toolbar. That pins it to the top so that "more" menu for formatting is always handy up there. Like in this screenshot:

[STV11C]

Hi @mlwilkerson, ohhhh yes there it is! So sorry to have opened this issue. Whooops. I think I was expecting it to be a button like on the Classic editor. My bad.

On another note - Is there a simple way to include that Icon Picker in a custom block?

[mlwilkerson]

Yeah, I understand. It's kinda buried in the UI. That's because it's on the RichTextToolbar as part of the Format API. That's also a clue for how to get it into a custom block. The idea is that icons are something you can insert into the Rich Text content of any block. So if you can highlight text and make it bold, or italic--or if you can insert an inline image--then you can insert an icon using the Icon Picker. All of those capabilities are part of the Format API and are accessed from that Rich Text Toolbar.

It's been a while since I made a block, so I can't recall what sorts of declarations are made when registering them. But here's something that might be relevant: about using Rich Text in blocks.