数据库中存放着HTML并附带样式,如何在界面上对已有的样式进行修改

摘要:
在我的工作中,我遇到了这样一个问题。数据库存储带有样式的HTML代码。我需要修改他在界面上写的样式。例如,将此字段的字体更改为Microsoft Yahei。数据库中相应字段的内容如下图所示。在界面上,我直接将上图中的HTML放到界面上,其中使用了ko,Knockoutjs,,数据绑定中的HTML:JobDesc与@HTML具有相同的效果。Raw()

在工作中遇到这样一个问题,数据库中存放着HTML代码,并且还带有样式,我要在界面上修改他已经写好的样式,例如把这个字段的字体改成微软雅黑,数据库中对应字段内容如下图

数据库中存放着HTML并附带样式,如何在界面上对已有的样式进行修改第1张

在界面面上是直接把上图这段HTML,放到界面上,这里用到了ko就是Knockoutjs,,里面的那句data-bind:html:JobDesc 中的html:JobDesc 效果跟@Html.Raw() 效果一样,即使直接把数据库中的HTML代码插入到界面上。 代码如下图

数据库中存放着HTML并附带样式,如何在界面上对已有的样式进行修改第2张

要改掉里面的样式:很简单就是去覆盖里面样式,问题不在这,插进去的这段HTML,其实是

<div data-bind="html:JobDesc">
</div>

的后代元素,我们要去修改他的样式,就要这样写,用到了JQuery

$("div[class='col-xs-9 as']").find("*").css("font-family","Microsoft YaHei");

用到了这个方法find("*"),作用是  返回选中标签的所有后代。

这是一种情况,

还有一种情况是数据库中刚好这一段是没有HTML标签,只有文字,这种情况下就要加一句

$("div[class='col-xs-9 as']").css("font-family","Microsoft YaHei");

综合起来就是在js中加上下面的代码:

$(function(){
$("div[class='col-xs-9 as']").css("font-family","Microsoft YaHei");
$("div[class='col-xs-9 as']").find("*").css("font-family","Microsoft YaHei");
});

免责声明:文章转载自《数据库中存放着HTML并附带样式,如何在界面上对已有的样式进行修改》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇目标检测的图像特征提取之(一)HOG特征html5 Geolocation(地理位置定位)学习下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

嵌入式web服务

:boa、thttpd、mini_httpd、shttpd、lighttpd、goaheand、appweb和apache等。 Boa 1.介绍 Boa诞生于1991年,作者Paul Philips。是开源的,应用很广泛,特别适合于嵌入式设备,网上流行程度很广。它的官方网站说boa是最受人喜爱的嵌入式web服务器。功能较为强大,支持认证,cgi等。B...

python读取数据库表数据并写入excel

一个简单的使用python读取mysql数据并写入excel中实例 1、python连接mysql数据库 conn = pymysql.connect(user='root',host='127.0.0.1',port=3306,passwd='root',db='python',charset='utf8') #连接数据库 cur = conn.cur...

记录一下navicat的快捷键

1.ctrl+q           打开查询窗口2.ctrl+/            注释sql语句3.ctrl+shift +/  解除注释4.ctrl+r           运行查询窗口的sql语句5.ctrl+shift+r   只运行选中的sql语句6.F6               打开一个mysql命令行窗口7.ctrl+l      ...

原创:python的requests.post()向后端传递数据,数组结构需将python数据结果转换成JSON

 针对采集来的数据,用requests.post()向后端传递 如果是python数据结构如数组,需要转换成为JSON对象,否则后端容易解析不成后端集合的对象结构 re 一:python做为前端请求requests.post() ''' 后台接收是数组 ''' dataInfoList = [...

spring security 控制用户信息用户加密 缓存用户信息

1.MD5加密 任何一个正式的企业应用中,都不会在数据库中使用明文来保存密码的,我们在之前的章节中都是为了方便起见没有对数据库中的用户密码进行加密,这在实际应用中是极为幼稚的做法。可以想象一下,只要有人进入数据库就可以看到所有人的密码,这是一件多么恐怖的事情,为此我们至少要对密码进行加密,这样即使数据库被攻破,也可以保证用户密码的安全。 最常用的方法是使用...

解决:Access模糊匹配查询查不到数据

今天遇到一个可笑的问题,直接操作Access的SQL语句: Select * from table where txtTitle like '%数据%' 匹配竟然无效。后来才发现在Access中模糊匹配应该用*代替% Select * from table where txtTitle like '*数据*' 狂晕。。。...