
前端日记
innovate1989
不断学习、实践、总结、提高。
展开
-
HandyEditor自动换行和回车去掉P标签
在使用富文本编辑器的过程中遇到粘贴文本或者前端页面上传的文本自动换行、回车后去掉自动生成P标签的需求。自己查找了相关资料,尝试改了一下源码满足了上述需求。 遇到空格或者回车符号自动换行可以设置white-space属性,具体修改源码如下: 在HandyEditor.min.js文件中找到HandyEditor_editor样式,在后面添加ediv.style.whiteSpace = ...原创 2020-03-02 20:26:39 · 854 阅读 · 0 评论 -
HandyEditor富文本编辑器首行缩进问题
最近我在开发编辑弹窗中增加一个富文本编辑器功能时,我自己找了一些资料发现常用的富文本编辑器有wangEditor、ckEditor、ueditor等等,发现自己用不习惯。找到一款自己喜欢的富文本编辑器HandyEditor。 不过后来发现这个编辑器中的缩进只能整个段落缩进,不是很好用。后来前端的同事说可以通过添加样式的方式显示首行缩进,这是个不错的思路,因此找了一些源码在其中添加了一段代码...原创 2020-02-28 15:56:34 · 3156 阅读 · 1 评论 -
JS获取ul中li的值同步到搜索框
最近在做项目的过程中,需要做一个模糊查询。模糊查询结果列表展示在ul的无序列表中,当点击其中一个li时需要将列表中值绑定到搜索框中,并且查询。 在网上也参考了一些人写的博客使用jQuery的on方法绑定click事件,我自己尝试了一下不好用。我自己参考公司同事的做法,使用jQuery的live方法绑定事件。具体代码如下: $("#project ul li").live("clic...原创 2018-03-20 20:56:48 · 1019 阅读 · 0 评论 -
IE浏览器跨域访问提示未登录
最近在做项目的过程中涉及了一个IE浏览器的兼容性问题,Google浏览器和火狐浏览器都能够正常访问选项卡上的请求链接。但是在IE浏览器中却总是提示未登录,请登录。 一开始以为是请求方式有问题,需要采用post请求并且自己带上token。后来仔细一想,如果是这个样子的话,在Google浏览器和火狐浏览器中为什么没有问题呢?我猜测应该是IE浏览器的兼容性不好导致的,最后尝试设置IE浏览器的会...原创 2018-04-22 21:10:23 · 777 阅读 · 0 评论 -
transform属性限制position:fixed的定位效果
最近在做项目的过程中需要实现一个导航按钮固定的效果,但是即使在div上加上position:fixed样式,div还是没有固定。怎么尝试都不行。后来前端的同事查了一下资料说可能是弹窗的div中有transform属性导致position:fixed失效了。 自己开始查看一下弹窗的div的css样式,在css样式中使用transform: translate(-50%,-50%)来使整个d...原创 2018-05-20 20:00:24 · 6296 阅读 · 0 评论 -
AngularJS属性报Cannot read property 'proEarningRate' of undefined错误
最近做项目的过程中发现需要写的前端js比较多,于是在同事的推荐下开始学习前端的框架AngularJS。在使用过程中发现这个框架确实比jQuery要好用一些,但是也在学习过程中存在了一些问题。我发现在HTML页面中总是报proEarningRate这个属性没有定义。 我的HTML代码如下:<tr ng-repeat="rate in productInfo.proEarn...原创 2018-08-18 21:35:26 · 2473 阅读 · 0 评论 -
$location in HTML5 mode requires a tag to be present!
$location in HTML5 mode requires a tag to be present!使用locationProvider服务报错:Error:[location:nobase] $location in HTML5 mode requires a tag to be present!1.3版本之前,不需要设置base标签。解决方法有2种:1、在head里面添加base...转载 2018-09-28 16:05:49 · 496 阅读 · 0 评论 -
IE浏览器兼容tbody显示滚动条
由于项目组没有前端,所以既需要写后台,也需要写前端页面。当然就需要考虑一下浏览器的兼容性,谷歌浏览器的兼容性就是好,怎么写都行。IE浏览器就要差很多了。今天介绍一下怎么解决thead不显示滚动条,tbody显示滚动条。 我做的是一个弹窗,弹窗里面显示一个表格,要求thead的标题不显示滚动条,tbody显示滚动条。查了一下资料,直接在tbody中加了一个style="max-height:...原创 2018-12-21 09:42:56 · 2049 阅读 · 0 评论