(= ̄ω ̄=)​​​​​​​颜表情 来啦
 2019-01-24 00:12:29   193   5   

本文最后更新于天前,文中介绍内容及环境可能已不适用.请谨慎参考.

奋斗了大半天,评论和ckeditor后台文章编辑都添加了自定义颜表情控件 (>_<、)。
还是这种表情看着给力来着~~(¬_¬)ノ

来吧,[]~( ̄▽ ̄)~* ,干了这杯!

 

相对于写文章来说,我大抵更喜欢折腾代码吧。

羡慕这种(。・`ω´・)表情久已。下午搞了下评论的,问题不大,刚好又可以利用上了之前的自动生成代码功能,

顺便就做到数据库里面了,这样也方便随时扩展。

 

然后晚上回来,好不容易等到小崽子睡觉了,才能挤出点时间接着敲代码。

评论区的搞定了,那么后台编辑也没道理不加上呢,o(╥﹏╥)o

 

相对来说,ckeditor的插件模式还是有点懵逼的样子(。・`ω´・),好歹依葫芦画瓢,弄出来了~

CKEDITOR.plugins.add( pluginname4, {
		 
	    init: function( editor ) {

	    	renderEmojiPanel(function(htmlc){
	    		editor.ui.add( btn_name4, CKEDITOR.UI_PANELBUTTON, {
		        	 label: 'Emoji',
		    		title: 'Emoji',
		    		modes: { wysiwyg: 1 },
		    		editorFocus: 0,
		    		   toolbar: 'insert',
		    		   icon: basePath+'/images/teeth_smile.png',

		    		panel: {
		    		css: getImUrl()+"page/blog/emoji.css",
		    			attributes: { role: 'listbox', 'aria-label': 'Emoji' }
		    		},

		    		onBlock: function( panel, block ) {
		    			panelBlock = block;

		    			block.autoSize = true;
		    			block.element.addClass( 'cke_kemojipanel' );
		    			block.element.setHtml( htmlc+'	<div class="em_item catsay" title="耶!">(๑•̀ㅂ•́)و✧div>');
		    			// The block should not have scrollbars (https://dev.ckeditor.com/ticket/5933, https://dev.ckeditor.com/ticket/6056)
		    			block.element.getDocument().getBody().setStyle( 'overflow', 'hidden' );

		    			CKEDITOR.ui.fire( 'ready', this );

		    		}
                })

     }

});

后面其他的插件都没啥问题了吧,哈哈哈哈 (>_<、)

 

 

睡觉睡觉(。◕‿◕。)

这个点也只有小平凡陪着我,(= ̄ω ̄=)  ~,喵的,睡觉都睡出眼屎了。。(▔/﹏▔)

 


 2019-02-02 14:26:35 
 0

  本文基于CC BY-NC-ND 4.0 许可协议发布,作者:野生的喵喵 固定链接: 【(= ̄ω ̄=)​​​​​​​颜表情 来啦】 转载请注明



发表新的评论
{{s_uid}}   , 欢迎回来.
您的称呼(*必填):
您的邮箱地址(*必填,您的邮箱地址不会公开,仅作为有回复后的消息通知手段):
您的站点地址(选填):
留言:

∑( ° △ °|||)︴

(๑•̀ㅂ•́)و✧
<( ̄) ̄)>
[]~( ̄▽ ̄)~*
( ̄ˇ ̄)
[]~( ̄▽ ̄)~*
( ̄ˇ ̄)
╮( ̄▽ ̄)╭
( ̄ε(# ̄)
(⊙ˍ⊙)
( ̄▽ ̄)~*
∑( ° △ °|||)︴

文章分类

可能喜欢 

KxのBook@Copyright 2017- All Rights Reserved
Designed and themed by 野生的喵喵   1345017   38299