如何批量修改placeholder(水印)的字体大小和颜色

FR11中对所有填报控件的水印样式调整字体大小和文本颜色

image.png

普通填报模式 应该是需要JS实现的可参考https://bbs.fanruan.com/wenda/question/133921.html这里有实现的但是11版本不生效

FineReport objector 发布于 2024-5-8 11:56 (编辑于 2024-5-8 13:25)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共3回答
最佳回答
0
华莉星宸Lv6高级互助
发布于2024-5-8 11:57(编辑于 2024-5-8 11:57)
  • objector objector(提问者) 看题目是填报控件的水印 placeholder 不是水印插件
    2024-05-08 12:02 
  • 华莉星宸 华莉星宸 回复 objector(提问者) 这个?JS给参数控件添加水印文字 https://help.fanruan.com/finereport/doc-view-1199.html
    2024-05-08 12:04 
  • 华莉星宸 华莉星宸 回复 objector(提问者) 这个是没法批量调整,只能单独模板调整
    2024-05-08 12:05 
  • objector objector(提问者) 回复 华莉星宸 看补充
    2024-05-08 13:05 
最佳回答
0
用户k6280494Lv6资深互助
发布于2024-5-8 13:06(编辑于 2024-5-8 13:07)

notepad++打开找到watermark,修改前记得备份

image.png

  • objector objector(提问者) 我想使用js实现啊这修改每个地方都要调整啊
    2024-05-08 13:22 
最佳回答
0
snrtuemcLv8专家互助
发布于2024-5-8 13:07

这个需要每个模板单独设置,cpt就是加载结束事件,决策报表就是任何一个组件的初始化事件,下面的js

两个挑一个,正常是cpt是第一个,决策报表是第二个,

修改水印颜色,

setTimeout(function() {

$(".fr-texteditor").css({

'font-family': 'Microsoft YaHei',

'color': '#ccc'

});

}, 1000);

11版本语句

setTimeout(function() {

$(".bi-label.bi-water-mark.bi-text").css({

'font-family': 'Microsoft YaHei',

'color': 'red'

});

}, 1000);

  • objector objector(提问者) setTimeout(function() { $(\".fr-texteditor\").css({ \'font-family\': \'Microsoft YaHei\', \'color\': \'red\' }); }, 1000);普通模板填报 么效果
    2024-05-08 13:19 
  • snrtuemc snrtuemc 回复 objector(提问者) 放到控件的初始化事件看看,我10测试可以,文本控件的
    2024-05-08 13:27 
  • objector objector(提问者) 回复 snrtuemc $(\'input[placeholder]\').addClass(\'custom-placeholder\'); // 设置 custom-placeholder 类的样式,包括 placeholder 的样式 $(\'.custom-placeholder\').css({ \'font-size\': \'14px\', // placeholder 文本的字体大小 \'color\': \'#red\', // placeholder 文本的颜色 \'font-family\': \'Arial, sans-serif\' // placeholder 文本的字体 }); 以上代码页面加载结束后生效,但仅仅字体大小生效,颜色不生效,然后点击插入行删除行的时候 已经填入完的文字的样式会变成红色
    2024-05-08 13:48 
  • snrtuemc snrtuemc 回复 objector(提问者) 那难道就是这个代码生成早于你的placeholder生产,插入行重新触发生效了。。。我的这个是是帆软自带的控件代码,你自定义控件没测试。。
    2024-05-08 13:52 
  • 4关注人数
  • 122浏览人数
  • 最后回答于:2024-5-8 13:25
    请选择关闭问题的原因
    确定 取消
    返回顶部