Adding more Emoticon to CKEditor (Page 1 of 133)

sun_day · 2013-08-03 18:35:00

sun_day
Members
Offline

Registered: 2013-07-07
Posts: 135

Topic: Adding more Emoticon to CKEditor

Hello,

May I know how can you add more emoticons to the CKeditor (add news)? Thanks!

sun_day · 2013-08-04 01:18:17

sun_day
Members
Offline

Registered: 2013-07-07
Posts: 135

Re: Adding more Emoticon to CKEditor

Problem solved.

cremisi · 2013-08-10 15:27:42

cremisi
Members
Offline

Registered: 2012-09-19
Posts: 22

Re: Adding more Emoticon to CKEditor

would you like to share with us?

Protocol · 2013-08-28 22:36:04

Protocol
Members
Offline

Registered: 2013-08-28
Posts: 5

Re: Adding more Emoticon to CKEditor

You want to open: CuteNews -> Core -> ckeditor -> ckeditor.js in a text editing application (I.E. Notepad, however I prefer Crimson Editor).

It's going to look insane at first glance, but be patient. You're looking for:

i.smiley_images=['regular_smile.gif','sad_smile.gif','wink_smile.gif','teeth_smile.gif','confused_smile.gif','tounge_smile.gif','embaressed_smile.gif','omg_smile.gif','whatchutalkingabout_smile.gif','angry_smile.gif','angel_smile.gif','shades_smile.gif','devil_smile.gif','cry_smile.gif','lightbulb.gif','thumbs_down.gif','thumbs_up.gif','heart.gif','broken_heart.gif','kiss.gif','envelope.gif'];i.smiley_descriptions=['smiley','sad','wink','laugh','frown','cheeky','blush','surprise','indecision','angry','angel','cool','devil','crying','enlightened','no','yes','heart','broken heart','kiss','mail'];

Focus on this section, and this section alone, it's all you need. In fact, what I did to ease my mind, was break the code (meaning, right before the "i" in "i.smiley_images" I pressed enter twice. I did the same thing right before the "i" in "i.smiley_description" and again one last time after "'mail'];" to make it easier.

The code above is broken into two parts. First the image file name including extension, and then a name for that file.

For example, say you only had one smiley, named "smile.gif". Then your code will look like this:

i.smiley_images=['smile.gif'];i.smiley_descriptions=['smile'];

Also, the order you put the smileys in is the order they're displayed in CKEditor. You must make sure that i.smile_images and i.smile_descriptions follow the same order. What I did to make this easier, I erased all the smileys and added them in one at a time. I didn't test it, but I'm pretty sure you can use .PNG icons, if you'd like.

I understand that a lot of you get freaked out when reading code, like I used to when I began my adventure. I'm going to include my personal ckeditor.js file. It's exactly the same as the one that comes default in 1.5.3, but I spaced out the smiley section for easier editing and I replaced all of the smileys. I'll also include a screen shot of what my CKEditor looks like when you click to add smileys.

Hope this helps someone!

Protocol · 2013-08-28 22:39:42

Protocol
Members
Offline

Registered: 2013-08-28
Posts: 5

Re: Adding more Emoticon to CKEditor

One thing I forgot to mention, just to avoid any confusion, in the code I provided as example if there was only one smiley, the code would look like this if you had two smileys, one named smile and one named wink

i.smiley_images=['smile.gif', 'wink.gif'];i.smiley_descriptions=['smile', 'wink'];

Make sure you enclose both the file name and the description in single quotes ( ' ' ) and you separate each item with a comma ( 'file1.ext', 'file2.ext' )

Good luck!

twista123456 · 2014-03-15 14:25:32

twista123456
Members
Offline

Registered: 2013-12-15
Posts: 3

Re: Adding more Emoticon to CKEditor

open: CuteNews -> Core -> ckeditor -> ckeditor.js in a text editing application (I.E. Notepad, however I prefer Crimson Editor).

i.smiley_images=['smile.gif'];i.smiley_descriptions=['smile'];

the order you put the smileys in is the order they're displayed in CKEditor. screenshot mac You must make sure that i.smile_images and i.smile_descriptions follow the same order.

GamerFlank · 2022-04-19 18:04:12

GamerFlank
Members
Offline

Registered: 2022-02-27
Posts: 3

Re: Adding more Emoticon to CKEditor

Best Crazy Games is a game publisher made to provide the best online games on the web. Every day we publish new fresh games with high and quality gameplay.

https://www.facebook.com/playcraygamesonline

GamerFlank · 2022-04-20 07:07:13

GamerFlank
Members
Offline

Registered: 2022-02-27
Posts: 3

Re: Adding more Emoticon to CKEditor

Best Crazy Games is a game publisher made to provide the best online games on the web. Every day we publish new fresh games with high and quality gameplay.

https://twitter.com/crazygamesonli1

GamerFlank · 2022-04-27 20:53:55

GamerFlank
Members
Offline

Registered: 2022-02-27
Posts: 3

Re: Adding more Emoticon to CKEditor

However, in these races, you don't just gamble for first place and a reputation with your friends. Sometimes there are other types of prizes involved: money, new cars, more complicated race tracks

https://www.bestcrazygames.com/tags

GalenPn · 2022-10-04 03:43:58

GalenPn
Members
Offline

Registered: 2017-11-03
Posts: 20,827

Re: Adding more Emoticon to CKEditor

Tracy Kelly from Carlsbad was looking for affordable resume service

Clifford Fitzgerald found the answer to a search query affordable resume service

>>> ESSAYERUDITE.COM <<<

Adding more Emoticon to CKEditor (Page 1 of 133)

Posts: 1 to 25 of 3,305

1 Topic by sun_day 2013-08-03 18:35:00

Topic: Adding more Emoticon to CKEditor

2 Reply by sun_day 2013-08-04 01:18:17

Re: Adding more Emoticon to CKEditor

3 Reply by cremisi 2013-08-10 15:27:42 (edited by 2013-08-10 15:27:53)

Re: Adding more Emoticon to CKEditor

4 Reply by Protocol 2013-08-28 22:36:04

Re: Adding more Emoticon to CKEditor

5 Reply by Protocol 2013-08-28 22:39:42

Re: Adding more Emoticon to CKEditor

6 Reply by twista123456 2014-03-15 14:25:32 (edited by 2015-07-10 01:02:53)

Re: Adding more Emoticon to CKEditor

7 Reply by GamerFlank 2022-04-19 18:04:12

Re: Adding more Emoticon to CKEditor

8 Reply by GamerFlank 2022-04-20 07:07:13

Re: Adding more Emoticon to CKEditor

9 Reply by GamerFlank 2022-04-27 20:53:55

Re: Adding more Emoticon to CKEditor

10 Reply by GalenPn 2022-10-04 03:43:58

Re: Adding more Emoticon to CKEditor

11 Reply by GalenPn 2022-10-04 10:14:36

Re: Adding more Emoticon to CKEditor

12 Reply by GalenPn 2022-10-04 14:48:31

Re: Adding more Emoticon to CKEditor

13 Reply by GalenPn 2022-10-04 19:38:35

Re: Adding more Emoticon to CKEditor

14 Reply by GalenPn 2022-10-04 23:36:42

Re: Adding more Emoticon to CKEditor

15 Reply by GalenPn 2022-10-05 03:29:18

Re: Adding more Emoticon to CKEditor

16 Reply by GalenPn 2022-10-06 17:26:59

Re: Adding more Emoticon to CKEditor

17 Reply by GalenPn 2022-10-07 00:16:17

Re: Adding more Emoticon to CKEditor

18 Reply by GalenPn 2022-10-07 04:27:06

Re: Adding more Emoticon to CKEditor

19 Reply by GalenPn 2022-10-07 15:27:30

Re: Adding more Emoticon to CKEditor

20 Reply by GalenPn 2022-10-07 18:09:17

Re: Adding more Emoticon to CKEditor

21 Reply by GalenPn 2022-10-07 18:18:15

Re: Adding more Emoticon to CKEditor

22 Reply by GalenPn 2022-10-07 18:27:26

Re: Adding more Emoticon to CKEditor

23 Reply by GalenPn 2022-10-07 18:36:41

Re: Adding more Emoticon to CKEditor

24 Reply by GalenPn 2022-10-07 18:45:54

Re: Adding more Emoticon to CKEditor

25 Reply by GalenPn 2022-10-07 18:55:30

Re: Adding more Emoticon to CKEditor

Posts: 1 to 25 of 3,305