2017-01-18 10 views
1

段落/文字列のすべての文字をCSSを使用して別のテキストまたはUnicode文字に置き換える方法はありますか?私の指摘は、このテキストを「難読化」/隠しとして表示することです。段落のすべての文字を置換する

私は段落を持っているとしましょう。すべての文字を次のようにユニコード文字に置き換えたいとします。http://www.fileformat.info/info/unicode/char/2588/index.htmこれは一つの方法ですが、私はjavascriptなしで実装できませんでした。私が考えた別の方法はSVGを使用することですが、私はより具体的な方法を考えることができません。

今はBlokk fontを使用していますが、うまくいきますが、もう1つのフォントを追加呼び出しする必要はありません。

これは主に理論的な質問であることはわかっているので、コードで正確な答えを教えてくれるとは思っていません。私は、誰かが私が働くことができるという考えを持っているかどうかを知りたいと思います。

+0

の可能性のある重複(http://stackoverflow.com/questions/7896402/how-can-i -replace-text-with-css) – jmargolisvt

+0

私はすでにそれを試みました。擬似要素を使用すると、テキストが置き換えられず、段落の最初/最後に新しいテキストが追加されます。だから、そのようにして、どれくらい長くても、すべての段落を同じテキストに置き換えています。私はそれを望んでいない。 – Naele

+0

これは...質問ではありませんか? "はい、私は1つ考えることができます"しかし、それはあなたに何らかの形で役立つものではなく[Stackoverflowのための良い質問/回答のペア](/ help/on-topic)ではありません。あなたが既に持っていた特定のアイデアについて質問があり、そのアイデアがプログラミングを必要としていて、そうする試みがうまくいかなかった場合、それはSOについて尋ねるものです。 –

答えて

0

background-colorを使用して、テキスト自体と同じ色に設定することができます。これは実際にコンテンツを変更するものではありませんが、探している結果が得られる可能性があります。例えば

:[?私はCSSでテキストを置き換えることができます方法]

.hidden { 
 
    background-color: #000; 
 
} 
 
.hidden:hover { 
 
    background-color: transparent; 
 
}
<p> 
 
Here is some <span class="hidden">hidden</span> text. 
 
</p>

+0

これは私が思った最初の解決策ですが、単語が大文字の場合、結果は黒い四角形で、非常に醜いです。それを単語や単一行の段落に使用して、 (擬似要素の使用のような)大きな段落の場合 – Naele

関連する問題