geekjosh / tinymce-emoji Goto Github PK

Planning to add the option to filter the displayed emoji based on supporting vendor. For most users, showing those supported by Apple, Google and Windows would be the safest option to ensure most users can see the emoji.

Creating the preview in jsfiddle highlighted the fact that tinymce doesn't attempt to resize any windows to fit the browser window - will add in some logic to do this at runtime

Hi Josh,

I'm trying to integrate this plugin into my React App.

My component looks like this:

const Editor = ({
  content,
  handleChange,
}) => {
  return (
    <div>
        <TinyMCE
          content={content}
          config={{
            plugins: '',
            toolbar: `undo redo`,
            external_plugins: {
              emoji: require('tinymce-emoji'),
            },
          }}
          onChange={handleChange}
        />
    </div>
  );
};

My problem is how do you show the emoji dropdown / menu on the toolbar?
I've tried to put emoji in the toolbar prop, but got Uncaught SyntaxError: Unexpected token import.

Thank you!

The plugin takes a long time to load the first time it's called in each editor session.

I have already tried breaking the HTML generation off in to a promise so that I could add a loading image to improve UX, but the promise resolved almost instantly suggesting the issue is with the way tinymce renders the window on init.

The tinymce docs are notoriously lacking, so I'm not sure where to next with this. If any experienced tinymce plugin developers see this and have any suggestions, they would be much appreciated.

There's an issue with the CSS I'm applying to emoji previews as they sometimes fail to wrap neatly on to the next line

The button shows, but when you click on it, it doesn't open. Do you think you have time to fix the issue? I was planning to use the plugin and as I was testing it I realized it didn't work (didn't open) in ipad. Thank you!

add support tinymce v5 plz