html – 在复制未转换的文本的同时在页面中显示一个字母

前端之家收集整理的这篇文章主要介绍了html – 在复制未转换的文本的同时在页面中显示一个字母前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在CSS中,.someclass {text-transform:uppercase}将所有带类someclass的文本转换为大写字母,但是当我选择文本,复制和粘贴到文本编辑器或电子邮件中时,这些字母保留原始大小写.除了CSS之外,某些客户端Web样式技术是否允许文档定义自定义文本转换,以便将用户复制文本之外的其他事件(例如r至w或f至ꝼ)进行更改.

Replace a particular character using css的建议JavaScript.我喜欢使用一些(非CSS)声明性样式技术而不是脚本,原因如下:

>我想要复制和粘贴返回原始文本,而不是转换的文本,与text-transform属性的方式相同.
>如果用户键入未转换的字母,我希望“在页内查找”(Ctrl F)可以正常工作.
>我没有关于我的站点使用NoScript或其他一些其他脚本白名单插件的浏览者的统计信息.但是,由于我经常访问一个在线论坛,因为用户经常吹嘘不受特定漏洞的影响,因为他们不运行JavaScript
>运行onload的脚本会导致明显闪烁的未内容内容,因为行被重新包装.

最近,我可以编写一个XSLT样式表来改变< body>内的文本节点,基于answer to a question about whitelisting characters.
(提示:match =“html:body // text()”和translate())
它无法复制和Ctrl F标准,而reportedly fails the no-FOUC criterion在浏览器中尝试过于聪明,但是即使关闭脚本,IE 6也可以加载几乎每个主要浏览器.
不过,一年前,谷歌试图kill client-side XSLT a year ago by removing it from Blink.
如果Chrome,Opera和其他基于Chromium的浏览器最终在此上下降了XSLT,那么XSLT用户数量可能会超过无脚本用户数.

获取一个libre字体并修改它以包括自定义表单和连字,@ font-face,font-feature-settings和font-variant-ligatures可以触发唯一的方式?

解决方法

CSS – 级联样式表,顾名思义,仅用于样式化表格(html页面).片段.someclass {text-transform:uppercase}只是使用类someclass对标签内的字符(字母)进行风格化.它不容易,或者我可以说,它不可能实现您的需要只使用CSS而不是JavaScript.

根据Zach Saucier评论你的问题,“没有很好的方法来做这个CSS”,我也同意这一点.

使用JavaScript绝对可能.但你的标准不希望你这样做.

我的请求,尝试使用JavaScript或尝试不使用CSS.

原文链接:https://www.f2er.com/html/224822.html

猜你在找的HTML相关文章