(=￣ω￣=)颜表情来啦

颜表情 blog开发 ckeditor java javascript

2019-01-24 00:12:29 287 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 );

		    		}
                })

     }

});

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