首页 > 其他 > 网站日记>正文

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的末端。

上一篇:【会员下载】同义词4万条

下一篇:帝国cms批量王不能使用的一种原因

tags:

返回首页

相关

热门

站内直通车

[!--temp.bottomnav--]
返回顶部