中药方大全小图标
您当前的位置:首页 > 其他 > 网站日记

ace编辑器自动完成提示框的宽度自适应内容的方法

提示: 阅读权限:公开  来源:原创  作者:中药方大全

ace编辑器自动完成提示框的宽度自适应内容的方法

var stringWidth = function(fontSize, content) {
    var $span = $('<span></span>').hide().css('font-size', fontSize).text(content);
    var w = $span.appendTo('body').width();
    $span.remove();
    return w;
};      


function jhcAutoWidth(){
  if($('.ace_autocomplete').is(":hidden"))return true;
  var jige=$('.ace_autocomplete').find('.ace_line').length;
  if(jige<1)return '';
  var maxText='';
  for(var i=0;i<jige;i++){
      var nowText=$('.ace_autocomplete').find('.ace_line').eq(i).text();
      if(nowText.length>maxText.length)maxText=nowText;
  }
  var jhcWidth=200+stringWidth('20',maxText);
  $('.ace_autocomplete').css('width',jhcWidth+'px');
}
setInterval("jhcAutoWidth()","1000");

添加以上代码到  ace/ace.js的末端。

tags:
返回顶部
推荐资讯
视频:田纪钧讲关节不痛的秘密、膝关节拉筋法
视频:田纪钧讲关节不
白露到了,你还好吗?
白露到了,你还好吗?
尿疗与断食
尿疗与断食
给风疹反复发作女孩的药方(组图)
给风疹反复发作女孩的
相关文章
    无相关信息
栏目更新
栏目热门
  1. 帝国cms全站搜索的分页格式如何修改-流程
  2. 帝国cms7.2后台信息列表页批量添加tags
  3. 帝国cms百度主动推送插件支持分页推送
  4. 帝国cms插件大全
  5. 帝国cms之批量替换字段值
  6. 帝国cms7.2改用百度编辑器
  7. 帝国cms之tags静态插件
  8. 帝国cms获取当前页的地址
  9. 如何禁止内容关键字替换ALT和A标签中的关键
  10. 【帝国cms插件】之三级联动+伪静态