ueditor 上传视频丢失src的解决方法
[ 2024-07-15 16:08:21 | 作者: admin ]
p.s. ueditor上传视频后，切换到html模式会发现video的src丢失了，这是因为配置白名单缺少html标签过滤了，需要加上html标签和相关属性。
修改 udeitor.config.js 的 白名单，可以搜索 whitList， 然后修改以下代码：
https://www.cnblogs.com/modou/p/7833785.html
修改 udeitor.config.js 的 白名单，可以搜索 whitList， 然后修改以下代码：
img: ['src', 'alt', 'title', 'width', 'height', 'id', '_src', 'loadingclass', 'class', 'data-latex','style','_url'],//加了style和_url
video: ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', 'width', 'class', 'style','id'],//加了id
video: ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', 'width', 'class', 'style','id'],//加了id
https://www.cnblogs.com/modou/p/7833785.html
CSS伪类
是一种特殊的类选择符，它们允许根据元素的特定状态来应用样式。这些状态可以是基于用户与文档的交互，如鼠标悬停、元素被点击或聚焦等。伪类不能像普通类那样随意命名，而是由CSS预定义的。以下是一些常见的CSS伪类：
:link 和 :visited ：分别用于未访问和已访问的超链接。
:hover：当用户将鼠标指针悬停在元素上时应用。
:active：当元素被点击但还没有被释放时应用。
:focus：当元素获得焦点时，如输入框被点击或文本框被选中时。
:first-child 、:last-child、:nth-child(n)：分别用于选择元素的第一个、最后一个或第n个孩子。
:first-of-type、:last-of-type、:nth-of-type(n)：分别用于选择同类型元素的第一个、最后一个或第n个。
...
阅读全文…
是一种特殊的类选择符，它们允许根据元素的特定状态来应用样式。这些状态可以是基于用户与文档的交互，如鼠标悬停、元素被点击或聚焦等。伪类不能像普通类那样随意命名，而是由CSS预定义的。以下是一些常见的CSS伪类：
:link 和 :visited ：分别用于未访问和已访问的超链接。
:hover：当用户将鼠标指针悬停在元素上时应用。
:active：当元素被点击但还没有被释放时应用。
:focus：当元素获得焦点时，如输入框被点击或文本框被选中时。
:first-child 、:last-child、:nth-child(n)：分别用于选择元素的第一个、最后一个或第n个孩子。
:first-of-type、:last-of-type、:nth-of-type(n)：分别用于选择同类型元素的第一个、最后一个或第n个。
...
阅读全文…
jQuery简单易用的网页内容打印插件jQuery.print
[ 2024-05-10 15:59:41 | 作者: admin ]
使用该网页打印插件要引入jQuery和jquery.print.js文件。
打印内容
可以像下面这样使用来打印页面内容。
$("#myElementId").print(/*options*/);
或者：
$.print("#myElementId" /*, options*/);
配置参数
你可以在调用打印方法时传入一些参数：
阅读全文…
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.print.js"></script>
<script type="text/javascript" src="js/jquery.print.js"></script>
打印内容
可以像下面这样使用来打印页面内容。
$("#myElementId").print(/*options*/);
或者：
$.print("#myElementId" /*, options*/);
配置参数
你可以在调用打印方法时传入一些参数：
$("#myElementId").print({
globalStyles: true,
...globalStyles: true,
阅读全文…
jquery设置display失效问题，当样式中存在!important时无法使用css()、show()或hide()
[ 2024-04-13 22:27:09 | 作者: admin ]
如果使用!important在你的样式中，比如display: none !important，此时就不能用show()了
但是我在查阅资料时发现有这样的解释,
这其实是不对的(也许是因为jquery版本不同的原因)
我查了下官方文档并测试了下,应该是这样:
第一种方法，直接设置style，不能用.css()和.prop()
阅读全文…
但是我在查阅资料时发现有这样的解释,
If using !important in your styles, such as display: none !important, it is necessary to override the style using .css('display', 'block !important') should you wish for .show() to function correctly.
这其实是不对的(也许是因为jquery版本不同的原因)
我查了下官方文档并测试了下,应该是这样:
第一种方法，直接设置style，不能用.css()和.prop()
$("#a1").attr("style","display:block !important");
...阅读全文…
让DIV的滚动条自动滚动到最底部的3种方法
[ 2023-04-08 15:08:18 | 作者: admin ]
要制作一个在线聊天的程序，在做最后的修饰时，需要对获得的信息即时滚动以保证用户总能看到最新消息。
聊天程序是基于AJAX设计的，没有用框架，消息容器是一个DIV，所以问题就在于如何控制DIV的滚动条。
网上有资料介绍说通过设置scrollTop属性来控制滚动条位置，具体可参见：
http://hi.baidu.com/chen1345789/blog/item/de727bfb45587b176d22eba1.html
但同样的代码拿到我这里却完全失效，又仔细查了下资料说XHTML标准下scrollTop的值恒为0，解决办法是使用document.documentElement.scrollTop代替document.body.scrollTop，讲了半天所解决的是整个页面的滚动条。这个方法我是用不了了，因为不是框架结构，所以不可能用body的滚动条控制浏览信息。
...
阅读全文…
聊天程序是基于AJAX设计的，没有用框架，消息容器是一个DIV，所以问题就在于如何控制DIV的滚动条。
网上有资料介绍说通过设置scrollTop属性来控制滚动条位置，具体可参见：
http://hi.baidu.com/chen1345789/blog/item/de727bfb45587b176d22eba1.html
但同样的代码拿到我这里却完全失效，又仔细查了下资料说XHTML标准下scrollTop的值恒为0，解决办法是使用document.documentElement.scrollTop代替document.body.scrollTop，讲了半天所解决的是整个页面的滚动条。这个方法我是用不了了，因为不是框架结构，所以不可能用body的滚动条控制浏览信息。
...
阅读全文…
如何在CSS实现段落首行缩进，但是图片不缩进
[ 2022-12-13 14:13:16 | 作者: admin ]
text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。
#content {
text-indent: 28px;
}
通常段落<p>内会有图片，图片也会随着缩进2个单位，原本居中的图片就会整体靠右，影响排版，有什么办法可以解决这个问题呢，其实text-indent有个属性，其内部元素遇到float或者display: block后就不继承外部这个缩进的属性了，也就是说，只要给图片加上float或者display: block的 CSS 属性后，图片的缩进会自动失效，如果段落里设置了图片居中也会失效，需要重新写个margin:0 auto，写法如下text-indent: 28px;
}
#content img {
display: block; margin: 0 auto;
}
display: block; margin: 0 auto;
}
搜狗浏览器UTF-8 html网页引入utf8编码js文件默认为GBK而乱码问题
[ 2022-05-05 17:09:50 | 作者: admin ]
一开始js是gbk编码，改为utf-8后清除浏览器缓存后还是乱码。而其他浏览器（chrome,firefox皆正常）
重新启动浏览器生效，不乱码了，但是仍然不知道sogou浏览器乱码原因
重新启动浏览器生效，不乱码了，但是仍然不知道sogou浏览器乱码原因
layer.open 设置自定义对话框内容，设置多个按钮和自定义颜色
[ 2022-05-04 09:46:12 | 作者: admin ]
p.s. 自定义样式demo-class，可以修改3个按钮的颜色
阅读全文…
layer.open({
skin: 'demo-class',
content: '自定义内容确认提交？',
btn: ["按钮1", "按钮2", "按钮3"],
yes: function (index) {
layer.close(index)
},
btn2: function (index) {
somefunciton...
},
btn3: function (index) {
somefunciton...
}
});
//在页面style中定义按钮css样式
<style>
...skin: 'demo-class',
content: '自定义内容确认提交？',
btn: ["按钮1", "按钮2", "按钮3"],
yes: function (index) {
layer.close(index)
},
btn2: function (index) {
somefunciton...
},
btn3: function (index) {
somefunciton...
}
});
//在页面style中定义按钮css样式
<style>
阅读全文…
