魔趣吧www.moqu8.com的优势!
魔趣吧站长

发帖UMEditor编辑器增加表情,附加表情包下载

[复制链接]
查看: 252|回复: 9
发表于 2018-5-8 12:32:24 | 显示全部楼层 |阅读模式

立即注册登陆魔趣吧,免费下载价值数十万RMB的海量模板、源码、建站资源!!

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
发帖UMEditor编辑器增加表情,附加表情包下载
   资源介绍:
【测试说明】3 f7 }; n) Q/ K. w9 V) U(w ww.m oqu8.c o  m)
当当当,编辑器怎么能没有表情包,还怎么斗图呢?

" S" ?% t# j! x. h7 [  I- D7 F
于是把编辑器给改了改,发现程序里默认并没有上传表情包!!!

/ q$ @# ?+ @) j& p/ E% `0 q, `1 |; Y: {$ A& X8 E' f5 A(w ww.mo qu8.com)
   测试截图:
发帖UMEditor编辑器增加表情,附加表情包下载 发帖UMEditor编辑器增加表情,附加表情包下载 发帖UMEditor编辑器增加表情,附加表情包下载
! ]7 u3 X; X7 |% \+ r* U) _+ V; h+ t6 o; D(www.m oqu8.c om)
发帖UMEditor编辑器增加表情,附加表情包下载
3 M  O. ]7 J8 z- Z$ J# ^+ y) ?
下载本文底部附件表情包上传到编辑器插件目录下:
/plugin/xn_umeditor/umeditor/dialogs/e

  H* f# [* r2 `4 P9 ?% j
修改编辑器配置文件:
/plugin/xn_umeditor/umeditor/umeditor.config.js

  J5 ]- ]6 K, F/ g
  1. /**
  2. *  umeditor完整配置项
  3. *  可以在这里配置整个编辑器的特性
  4. */
  5. /**************************提示********************************
  6. * 所有被注释的配置项均为UEditor默认值。
  7. * 修改默认配置请首先确保已经完全明确该参数的真实用途。
  8. * 主要有两种修改方案,一种是取消此处注释,然后修改成对应参数;另一种是在实例化编辑器时传入对应参数。
  9. * 当升级编辑器时,可直接使用旧版配置文件替换新版配置文件,不用担心旧版配置文件中因缺少新功能所需的参数而导致脚本报错。
  10. **************************提示********************************/
  11. (function () {
  12.     /**
  13.      * 编辑器资源文件根路径。它所表示的含义是:以编辑器实例化页面为当前路径,指向编辑器资源文件(即dialog等文件夹)的路径。
  14.      * 鉴于很多同学在使用编辑器的时候出现的种种路径问题,此处强烈建议大家使用"相对于网站根目录的相对路径"进行配置。
  15.      * "相对于网站根目录的相对路径"也就是以斜杠开头的形如"/myProject/umeditor/"这样的路径。
  16.      * 如果站点中有多个不在同一层级的页面需要实例化编辑器,且引用了同一UEditor的时候,此处的URL可能不适用于每个页面的编辑器。
  17.      * 因此,UEditor提供了针对不同页面的编辑器可单独配置的根路径,具体来说,在需要实例化编辑器的页面最顶部写上如下代码即可。当然,需要令此处的URL等于对应的配置。
  18.      * window.UMEDITOR_HOME_URL = "/xxxx/xxxx/";
  19.      */
  20.     var URL = window.UMEDITOR_HOME_URL || (function(){
  21.         function PathStack() {
  22.             this.documentURL = self.document.URL || self.location.href;
  23.             this.separator = '/';
  24.             this.separatorPattern = /\\|\//g;
  25.             this.currentDir = './';
  26.             this.currentDirPattern = /^[.]\/]/;
  27.             this.path = this.documentURL;
  28.             this.stack = [];
  29.             this.push( this.documentURL );
  30.         }
  31.         PathStack.isParentPath = function( path ){
  32.             return path === '..';
  33.         };
  34.         PathStack.hasProtocol = function( path ){
  35.             return !!PathStack.getProtocol( path );
  36.         };
  37.         PathStack.getProtocol = function( path ){
  38.             var protocol = /^[^:]*:\/*/.exec( path );
  39.             return protocol ? protocol[0] : null;
  40.         };
  41.         PathStack.prototype = {
  42.             push: function( path ){
  43.                 this.path = path;
  44.                 update.call( this );
  45.                 parse.call( this );
  46.                 return this;
  47.             },
  48.             getPath: function(){
  49.                 return this + "";
  50.             },
  51.             toString: function(){
  52.                 return this.protocol + ( this.stack.concat( [''] ) ).join( this.separator );
  53.             }
  54.         };
  55.         function update() {
  56.             var protocol = PathStack.getProtocol( this.path || '' );
  57.             if( protocol ) {
  58.                 //根协议
  59.                 this.protocol = protocol;
  60.                 //local
  61.                 this.localSeparator = /\\|\//.exec( this.path.replace( protocol, '' ) )[0];
  62.                 this.stack = [];
  63.             } else {
  64.                 protocol = /\\|\//.exec( this.path );
  65.                 protocol && (this.localSeparator = protocol[0]);
  66.             }
  67.         }
  68.         function parse(){
  69.             var parsedStack = this.path.replace( this.currentDirPattern, '' );
  70.             if( PathStack.hasProtocol( this.path ) ) {
  71.                 parsedStack = parsedStack.replace( this.protocol , '');
  72.             }
  73.             parsedStack = parsedStack.split( this.localSeparator );
  74.             parsedStack.length = parsedStack.length - 1;
  75.             for(var i= 0,tempPath,l=parsedStack.length,root = this.stack;i<l;i++){
  76.                 tempPath = parsedStack[i];
  77.                 if(tempPath){
  78.                     if( PathStack.isParentPath( tempPath ) ) {
  79.                         root.pop();
  80.                     } else {
  81.                         root.push( tempPath );
  82.                     }
  83.                 }
  84.             }
  85.         }
  86.         var currentPath = document.getElementsByTagName('script');
  87.         currentPath = currentPath[ currentPath.length -1 ].src;
  88.         return new PathStack().push( currentPath ) + "";
  89.     })();
  90.     /**
  91.      * 配置项主体。注意,此处所有涉及到路径的配置别遗漏URL变量。
  92.      */
  93.     window.UMEDITOR_CONFIG = {
  94.         //为编辑器实例添加一个路径,这个不能被注释
  95.         UMEDITOR_HOME_URL : URL
  96.         
  97.         //图片上传配置区
  98.         ,imageUrl:URL+"php/imageUp.php"             //图片上传提交地址
  99.         ,imagePath:URL + "php/"                     //图片修正地址,引用了fixedImagePath,如有特殊需求,可自行配置
  100.         ,imageFieldName:"upfile"                   //图片数据的key,若此处修改,需要在后台对应文件修改对应参数
  101.         //工具栏上的所有的功能按钮和下拉框,可以在new编辑器的实例时选择自己需要的从新定义
  102.         ,toolbar:[
  103.             'source | undo redo | bold italic underline strikethrough | superscript subscript | forecolor backcolor | removeformat |',
  104.             'insertorderedlist insertunorderedlist | selectall cleardoc',
  105.             '| justifyleft justifycenter justifyright justifyjustify |',
  106.             'link unlink | emotion xnimg video | map',
  107.             '| horizontal print preview fullscreen', 'drafts', 'formula',
  108.             '| insertcode | paragraph | fontfamily | fontsize',
  109.         ]
  110.          
  111.         //语言配置项,默认是zh-cn。有需要的话也可以使用如下这样的方式来自动多语言切换,当然,前提条件是lang文件夹下存在对应的语言文件:
  112.         //lang值也可以通过自动获取 (navigator.language||navigator.browserLanguage ||navigator.userLanguage).toLowerCase()
  113.         //,lang:"zh-cn"
  114.         //,langPath:URL +"lang/"
  115.         //ie下的链接自动监测
  116.         //,autourldetectinie:false
  117.         //主题配置项,默认是default。有需要的话也可以使用如下这样的方式来自动多主题切换,当然,前提条件是themes文件夹下存在对应的主题文件:
  118.         //现有如下皮肤:default
  119.         //,theme:'default'
  120.         //,themePath:URL +"themes/"
  121.         //针对getAllHtml方法,会在对应的head标签中增加该编码设置。
  122.         //,charset:"utf-8"
  123.         //常用配置项目
  124.         //,isShow : true    //默认显示编辑器
  125.         //,initialContent:'欢迎使用UMEDITOR!'    //初始化编辑器的内容,也可以通过textarea/script给值,看官网例子
  126.         //,initialFrameWidth:500 //初始化编辑器宽度,默认500
  127.         //,initialFrameHeight:500  //初始化编辑器高度,默认500
  128.         //,autoClearinitialContent:true //是否自动清除编辑器初始内容,注意:如果focus属性设置为true,这个也为真,那么编辑器一上来就会触发导致初始化的内容看不到了
  129.         //,textarea:'editorValue' // 提交表单时,服务器获取编辑器提交内容的所用的参数,多实例时可以给容器name属性,会将name给定的值最为每个实例的键值,不用每次实例化的时候都设置这个值
  130.         //,focus:false //初始化时,是否让编辑器获得焦点true或false
  131.         //,autoClearEmptyNode : true //getContent时,是否删除空的inlineElement节点(包括嵌套的情况)
  132.         //,fullscreen : false //是否开启初始化时即全屏,默认关闭
  133.         //,readonly : false //编辑器初始化结束后,编辑区域是否是只读的,默认是false
  134.         //,zIndex : 900     //编辑器层级的基数,默认是900
  135.         //如果自定义,最好给p标签如下的行高,要不输入中文时,会有跳动感
  136.         //注意这里添加的样式,最好放在.edui-editor-body .edui-body-container这两个的下边,防止跟页面上css冲突
  137.         //,initialStyle:'.edui-editor-body .edui-body-container p{line-height:1em}'
  138.         ,autoSyncData:true //自动同步编辑器要提交的数据
  139.         ,emotionLocalization:true //是否开启表情本地化,默认关闭。若要开启请确保emotion文件夹下包含官网提供的images表情文件夹
  140.         //,allHtmlEnabled:true //提交到后台的数据是否包含整个html字符串
  141.         //fontfamily
  142.         //字体设置
  143. //        ,'fontfamily':[
  144. //              { name: 'songti', val: '宋体,SimSun'},
  145. //          ]
  146.         //fontsize
  147.         //字号
  148.         //,'fontsize':[10, 11, 12, 14, 16, 18, 20, 24, 36]
  149.         //paragraph
  150.         //段落格式 值留空时支持多语言自动识别,若配置,则以配置值为准
  151.         ,'paragraph':{'p':'', 'h6':'', 'h5':'', 'h4':'', 'h3':'', 'h2':'', 'h1':''}
  152.         //undo
  153.         //可以最多回退的次数,默认20
  154.         //,maxUndoCount:20
  155.         //当输入的字符数超过该值时,保存一次现场
  156.         //,maxInputCount:1
  157.         //imageScaleEnabled
  158.         // 是否允许点击文件拖拽改变大小,默认true
  159.         //,imageScaleEnabled:true
  160.         //dropFileEnabled
  161.         // 是否允许拖放图片到编辑区域,上传并插入,默认true
  162.         //,dropFileEnabled:true
  163.         //pasteImageEnabled
  164.         // 是否允许粘贴QQ截屏,上传并插入,默认true
  165.         //,pasteImageEnabled:true
  166.         //autoHeightEnabled
  167.         // 是否自动长高,默认true
  168.         //,autoHeightEnabled:true
  169.         //autoFloatEnabled
  170.         //是否保持toolbar的位置不动,默认true
  171.         ,autoFloatEnabled:true
  172.         //浮动时工具栏距离浏览器顶部的高度,用于某些具有固定头部的页面
  173.         //,topOffset:30
  174.         //填写过滤规则
  175.         //,filterRules: {}
  176.          
  177.         ,upload_url: xn.url('attach-create')
  178.     };
  179. })();
复制代码
下载地址:魔趣吧提示】此资源经过魔趣吧测试可用!如使用发现问题或者有技术问题,可 发帖 免费咨询或者咨询本站客服寻求付费技术支持!
游客,如果您要查看本帖隐藏内容请回复
3 P# T4 E) r* _$ L1 v/ R7 ^. Q(w ww.m oqu8.c o  m)
& x: [3 t- T" k. W+ K0 ~(w ww.mo qu8.com)

魔趣吧版权声明1,本文内容及相关资源来源于网络,版权归版权方所有!本站原创内容版权归本站所有,请勿转载!
2,本文内容仅代表作者本人观点,不代表本网站立场,作者文责自负,本站资源仅供学习研究,请勿非法使用,否则后果自负!请下载后24小时内删除!
3,本文内容,包括但不限于源码、文字、图片等,仅供参考使用,本站不对其安全性,正确性等作出保证。但本站会尽量审核会员发表的内容
4,如您认为本文内容侵犯了您的权益,请与我们联系!我们将在5个工作日内做出处理!本站保留全部修改、解释、更新本声明的权利魔趣吧

魔趣吧,全网领先的建站资源下载基地!Discuz模板、Discuz插件、素材、特效,源码,建站,就上魔趣吧!! 【通告】近期发现部分竞争网站和小人诋毁抹黑魔趣吧,对此,我们只有一句话,事实胜于雄辩!!用心为站长服务,魔趣吧不怕任何邪门歪道!【魔趣吧唯一官方网站https://www.moqu8.com,请谨防假冒网站!】
回复

使用道具 举报

人来****
发表于 2018-7-24 14:05:07 --来自移动端 | 显示全部楼层
魔趣吧,全网领先的建站资源下载基地!Discuz模板、Discuz插件、素材、特效,源码,建站,就上魔趣吧!! 【通告】近期发现部分竞争网站和小人诋毁抹黑魔趣吧,对此,我们只有一句话,事实胜于雄辩!!用心为站长服务,魔趣吧不怕任何邪门歪道!【魔趣吧唯一官方网站https://www.moqu8.com,请谨防假冒网站!】
回复 支持 反对

使用道具 举报

人来****
发表于 2018-7-24 14:07:21 --来自移动端 | 显示全部楼层
人来人往 发表于 2018-7-24 14:05; M5 e2 S: Y: ^% z(ww w.m oq u8.c om)

4 n. C0 C! X, a1 t6 _想用
魔趣吧,全网领先的建站资源下载基地!Discuz模板、Discuz插件、素材、特效,源码,建站,就上魔趣吧!! 【通告】近期发现部分竞争网站和小人诋毁抹黑魔趣吧,对此,我们只有一句话,事实胜于雄辩!!用心为站长服务,魔趣吧不怕任何邪门歪道!【魔趣吧唯一官方网站https://www.moqu8.com,请谨防假冒网站!】
回复 支持 反对

使用道具 举报

ji****
发表于 2018-9-1 14:28:31 | 显示全部楼层
6666+6+6+6+6
魔趣吧,全网领先的建站资源下载基地!Discuz模板、Discuz插件、素材、特效,源码,建站,就上魔趣吧!! 【通告】近期发现部分竞争网站和小人诋毁抹黑魔趣吧,对此,我们只有一句话,事实胜于雄辩!!用心为站长服务,魔趣吧不怕任何邪门歪道!【魔趣吧唯一官方网站https://www.moqu8.com,请谨防假冒网站!】
回复 支持 反对

使用道具 举报

wy****
发表于 2018-9-1 22:26:05 | 显示全部楼层
发帖UMEditor编辑器增加表情,附加表情包下载
魔趣吧,全网领先的建站资源下载基地!Discuz模板、Discuz插件、素材、特效,源码,建站,就上魔趣吧!! 【通告】近期发现部分竞争网站和小人诋毁抹黑魔趣吧,对此,我们只有一句话,事实胜于雄辩!!用心为站长服务,魔趣吧不怕任何邪门歪道!【魔趣吧唯一官方网站https://www.moqu8.com,请谨防假冒网站!】
回复 支持 反对

使用道具 举报

t1****
发表于 2018-10-3 12:01:36 | 显示全部楼层
000000000000000000000
魔趣吧,全网领先的建站资源下载基地!Discuz模板、Discuz插件、素材、特效,源码,建站,就上魔趣吧!! 【通告】近期发现部分竞争网站和小人诋毁抹黑魔趣吧,对此,我们只有一句话,事实胜于雄辩!!用心为站长服务,魔趣吧不怕任何邪门歪道!【魔趣吧唯一官方网站https://www.moqu8.com,请谨防假冒网站!】
回复 支持 反对

使用道具 举报

仙教****
发表于 2018-10-6 17:28:48 | 显示全部楼层
谢谢分享谢谢分享谢谢分享
魔趣吧,全网领先的建站资源下载基地!Discuz模板、Discuz插件、素材、特效,源码,建站,就上魔趣吧!! 【通告】近期发现部分竞争网站和小人诋毁抹黑魔趣吧,对此,我们只有一句话,事实胜于雄辩!!用心为站长服务,魔趣吧不怕任何邪门歪道!【魔趣吧唯一官方网站https://www.moqu8.com,请谨防假冒网站!】
回复 支持 反对

使用道具 举报

ni****
发表于 2018-10-9 09:58:44 | 显示全部楼层
好东西
魔趣吧,全网领先的建站资源下载基地!Discuz模板、Discuz插件、素材、特效,源码,建站,就上魔趣吧!! 【通告】近期发现部分竞争网站和小人诋毁抹黑魔趣吧,对此,我们只有一句话,事实胜于雄辩!!用心为站长服务,魔趣吧不怕任何邪门歪道!【魔趣吧唯一官方网站https://www.moqu8.com,请谨防假冒网站!】
回复 支持 反对

使用道具 举报

da****
发表于 2018-10-17 09:29:42 | 显示全部楼层
谢谢支持下. x$ M' D+ L- K) r/ r) a: ~, `(www.m oqu8.c om)
魔趣吧,全网领先的建站资源下载基地!Discuz模板、Discuz插件、素材、特效,源码,建站,就上魔趣吧!! 【通告】近期发现部分竞争网站和小人诋毁抹黑魔趣吧,对此,我们只有一句话,事实胜于雄辩!!用心为站长服务,魔趣吧不怕任何邪门歪道!【魔趣吧唯一官方网站https://www.moqu8.com,请谨防假冒网站!】
回复 支持 反对

使用道具 举报

ja****
发表于 7 天前 | 显示全部楼层
好东西3 q& V4 e1 M. w4 C* r, t(w ww.m oqu8.c om)
魔趣吧,全网领先的建站资源下载基地!Discuz模板、Discuz插件、素材、特效,源码,建站,就上魔趣吧!! 【通告】近期发现部分竞争网站和小人诋毁抹黑魔趣吧,对此,我们只有一句话,事实胜于雄辩!!用心为站长服务,魔趣吧不怕任何邪门歪道!【魔趣吧唯一官方网站https://www.moqu8.com,请谨防假冒网站!】
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回列表
魔趣吧在线客服
关闭
欢迎来到魔趣吧
如果你有建站技术问题、仿站需求、模板插件修改需求,请联系我们的技术支持!高效率,低价格的帮你搞定!
请认准魔趣吧唯一官网:www.moqu8.com,谨防假冒网站!
建站技术支持(收费)
资源互换/合作
魔趣吧在线客服
魔趣吧

关于魔趣吧|魔趣建站

魔趣吧,志在打造全国最大的建站资源共享平台。 本站提供海量免费的建站资源,包括WordPress模板、Discuz商业模板、Discuz商业插件、PHPWind模板、phpcms模板、帝国cms模板、织梦模板等上万精品模板!同时,提供各种建站素材、JS特效、整站程序源码!
服务中文站长,传播分享精神!建站,就来魔趣吧!!
2015-2018  技术支持:魔趣吧 ( 豫ICP备15026783号-4 )  
HTTPS安全认证
|网站地图 安全运行天