unicode_steganography实现零宽度字符的Unicode隐写术示例代码-html代码-BFW代码库

unicode_steganography实现零宽度字符的Unicode隐写术示例代码

代码语言：html

代码描述：unicode_steganography实现零宽度字符的Unicode隐写术示例代码，这是纯文本隐写术，带有Unicode的零宽度字符，还可写入二进制。

代码标签： unicode_steganography 零宽字符 Unicode 隐写术示例代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html lang="zh">
<meta charset="UTF-8">
<style>
    body {
    background-color: #071a2c;
    font-family: system-ui;
}

body,
h1,
h2 {
    color: white;
    text-align: center;
    width: 900px;
    margin: 0 auto;
}
a{color:white;}
a:visited {
    color: white;
}

li {
    list-style: none;
}

hr {
    margin-top: 10px;
}

.steg_text {
    width: 900px;
    margin: 0 auto;
    height: 340px;
}

.box3 {
    text-align: left;
    margin: 0 auto;
    width: 400px;
}

.box1 {
    float: left;
    background-color: #0a2a4a;
    padding: 20px;
    border-radius: 10px;
    height: 300px;
    width: 38%;
}

.box2 {
    position: relative;
    float: left;
    height: 340px;
    width: 14%;
    margin: 0 auto;
}

.code_text {
    position: absolute;
    width: 100%;
    height: 100px;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
}

.title {
    margin-bottom: 10px;
}

.clear_text a {
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    width: 100px;
    border-radius: 30px;
    border-color: #f08;
    background-color: #f08;
}

.left {
    float: left;
    height: 40px;
    line-height: 40px;
}

.clear_text {
    text-align: center;
    width: 100px;
    margin: 0 auto;
}

.right {
    float: right;
    height: 40px;
    line-height: 40px;
}

.input_text {
    margin-bottom: 10px;
}

#encode_text,
#decode_text,
#encode_binary,
#decode_binary {
    display: inline-block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    width: 100px;
    border-color: #f08;
    background-color: #f08;
}

#encode_text,
#encode_binary {
    border-radius: 10px 30px 30px 10px;
}

#decode_text,
#decode_binary {
    border-radius: 30px 10px 10px 30px;
}
</style>
</head>

<body>
    <h1>零宽度字符的Unicode隐写术</h1>
    <div>
        这是纯文本隐写术，带有Unicode的零宽度字符。<br> 零宽度字符插入文本中。<br>
 
    </div>
    <hr style="width: 100%;">
    <h2>文本隐写术示例中的文本</h2>
    <div class="steg_text">
        <div class="box1">
            <div class="input_text">
                <div class="title">
                    <div class="left">
                        原文:
                    </div>
                    <div class="right"><span id="input_length_text"></span></div>
                    <div class="clear_text"><a id="input_clear_text">清除</a></div>
                </div>

                <textarea id="input_text" style="width: 100%; height: 90px;">The quick brown fox jumps over the lazy dog
1234567890.:,;(*!?')
いろはにほへと ちりぬるを
色は匂へど 散りぬるを</textarea>
            </div>
            <div class="hidden_text">
                <div class="title">
                    <div class="left">
                        隐藏文字:
                    </div>
                    <div class="right">&.........完整代码请登录后点击上方下载按钮下载查看