Different set of emotions for TinyMCE

Adding emotions to TinyMCE is easy but a bit on the tedious side.  Here is a replacement set of emotions that I added.  To see how to add emotions to TinyMCE, just examine the files to see how it works.  Rename your current emotion plugin to emotions.old and then upload this new set.  Clear all caches including your browser cache.  If you don't see the new set, it is most likely that the old set is still cached.  If you wish to revert to the old set, then delete this new set and rename the emotions.old back to emotions, clear caches, and you should be good to go.  I take no responsibility in any way, good or bad, for you using these emotions.

-GG

[Moderator: Updated ZIP.]

 Thanks GG for adding this.

I have download and uploaded all the files, manually cleared the cache.

This is a stupid question, but what will the box look like, the one here with the smiley above?

I opened in a new browser and go to forum, post reply but it is still the same old format.

Is this not for the forums and is used for the comments?

Let me post a screenshot from my site.  The forum, both 7.0 and 7.1 uses the same TinyMCE plugin.  The only recent changes is that with 7.1.3, Boonex removed the separate TinyMCE initialisation for the forum.  It is probably a cache issue; I had the same issue when I first made the changes.  I had to make sure that my browser cache was cleared as well to force FireFox and Chrome to fetch the new ones.

Note: these smileys will be available anywhere you have enabled the emotions plugin in TinyMCE; any toolbar with the emotion button will include these as it completely replaces the standard emotion plugin

Screenshot of the new smiley set; partial view.

Note: not all of the smileys have a tool-tip; that is something you have to include in the .html file and I did not want to take the time to add them.

OK, I need a moderator, I need to remove that zip file.  I forgot to edit the language file.  If you have already downloaded the zip file, you can change the title in the language file.

 I'll report it..that will tag it.

 I forgot to edit the language file; you want to change the title in the language file and some may be confused on that.  I have edited it and rezip it but can not edit the post.

Updated zip

I still have not figured this out.. lol

 OK; /plugins/TinyMCE/plugins/  You will find a directory, emotions.  Rename emotions to emotions.old.  Then unzip and upload, or upload and unzip, to /plugins/TinyMCE/plugins.  Now one has to clear /cache and /cache_public and go to backend and tools->cache and clear there a few times (I have noticed that sometimes you need to do it more than once).  Then open up the browser's clear cache and clear the browser cache.  If the new icons don't appear, you still see the old ones, then clear caches again because the .html file that loads in; the pop-up window is a browser window, is still cached.  When I first changed my icons, I had the same issue, old one would load because of the cache.

 I did all those steps, manual cache clean, admin clean..

UGH..

This is what I see in the forums,

I don't see the smiley button; which would indicate that the emotions plugin is not active for the forum.  In Dolphin versions prior to 7.1.3, the forum (since it was a standalone product at first) had a separate TinyMCE init in canvas.init.xsl.  In 7.1.3, the forum uses the same TinyMCE init as the rest of the areas of Dolphin.  So to add emotions to the forum is going to depend on the version.

In either case, you need to add the emotion plugin to the list of plugins and add the button to the toolbar in the location you wish.  Below is just part of the init to show how to add the plugin and button.

plugins: "table,advimage,advlink,emotions,searchreplace,xhtmlxtras,media,inlinepopups",

theme_advanced_buttons3_add : "emotions,flash,separator,print",

Now if the button does not show even though it is listed in the buttons for the toolbar, then it indicates TinyMCE did not find the plugin.  If the plugin does not load, then the button will not be shown.  Check to make sure the name of the plugin matches the name of the button.  Make sure there is not a missing comma (,) between buttons and plugins.

This is the same plugin with just a few changes.  a change in the language file, a slight change in the js file to load in a larger window, and the changes to the emotions.html file to list the new emotions.  It should be a direct drop in replacement for the emotions you had before.  If you had emotions in the forum before, then no changes are required in the TinyMCE init.

Screenshots:

gg care to add these to my 2 sites for me?

Sure.  Are emotions enabled on the TinyMCE toolbars?  You would need to PM ftp access to your sites and I would need a test account on the sites to test they are working. Shouldn't need admin access to Dolphin for this; just a regular account and FTP so I can upload the emotions and make any changes in the TinyMCE init.

mailing you ftp access now

hello ,

i have not scroll in the popup emotions . Why?

Best regards

I am not sure; the pop-up window is a standard HTML window and should have the scroll bars when the content is larger than the current window size.  I would look at any code on your site that affects scroll bars in HTML windows.  You can also look at the code that spawns the pop-up window, you could try adding the scroll bars through that code.

Also, test with different browsers to see if it is something about the browser that is causing it.

hi,

The scroll dont work with Firefox... :S

FireFox what?  they keep pumping out useless version updates even if not needed.  Sorry, but I won't be able to help with this, you need to examine your FF settings and plugins.  It is working with FF for me; version 24, and I have not had anyone from my site issue a bug report.

The only other thing I can say is that you can edit the javascript that spawns the pop-up and include the code for scroll bars, something like scrollbars = true but I am unable to give the exact code without going out and looking it up.  If you have something turning off scroll bars on pop-ups I would not be able to tell you.

Again, it is not the code; it is something related to your browser; or if all your members are seeing this, then something with your site.

Thank you for this topic may be noted that in the case where the smileys are not present in tiny (7.1.4) the file to edit is / templates/base/scripts/BxBaseEditorTinyMCE.php comme ceci:

/**
     * Minimal view initialization params
     */
    protected static $WIDTH_MINI = '340px';
    protected static $CONF_MINI = "
                        plugins: 'emotions,autolink,autosave,lists,inlinepopups,paste,fullscreen',
                        width: '100%',
                        height: '150',
                        theme: 'advanced',
                        theme_advanced_buttons1: 'bold,italic,underline,removeformat,|,bullist,numlist,|,justifyleft,justifycenter,justifyright,|,blockquote,|,link,unlink,image',emotions',
                        theme_advanced_buttons2: '',
                        theme_advanced_buttons3: '',
                        theme_advanced_toolbar_location: 'top',
                        theme_advanced_toolbar_align: 'left',
                        theme_advanced_statusbar_location: 'none',
    ";

    /**
     * Full view initialization params
     */
    protected static $WIDTH_FULL = '650px';
    protected static $CONF_FULL = "
                        plugins: 'autolink,autosave,lists,table,inlinepopups,emotions,media,searchreplace,print,paste,fullscreen',
                        width: '100%',
                        height: '320',
                        theme: 'advanced',
                        theme_advanced_buttons1: 'bold,italic,underline,removeformat,|,sub,sup,|,bullist,numlist,|,justifyleft,justifycenter,justifyright,justifyfull,|,undo,redo,|,outdent,indent,blockquote,formatselect,|,hr,link,unlink,image,media',
                        theme_advanced_buttons2: 'anchor,|,tablecontrols,|,visualaid,|,search,replace,|,print,|,fullscreen,cleanup,pastetext,code,emotions',
                        theme_advanced_buttons3: '',
                        theme_advanced_toolbar_location: 'top',
                        theme_advanced_toolbar_align: 'left',
                        theme_advanced_statusbar_location: 'bottom',
                        theme_advanced_resizing: true,
                        theme_advanced_resize_horizontal: false,
                        theme_advanced_resizing_use_cookie: true,

how tough/easy is it to add your own smileys (either custom created or free licence taken from the web) and how would I do it?

TIA

Go to the emotion plugin in the TinyMCE plugins folder.  Look at the emotion.html file and how the images are stored.  Study the file and you may also need to edit the js file.  It is not hard, just tedious as all get out which is why I have not added any more to my set lately.