如何动态构建文本区域？

Question

我在我的项目中有一些疑问，如果我改变了字体族字体大小和字体颜色，我在该文本框中有一个文本框，但实际上我的要求是当我在该文本框中输入任何内容时以后，如果我改变任何像大小颜色的东西，它应该被改变，或者我的文本框是静态的，但如果我需要它动态怎么做可以任何人指导我

            <?php
            $font = "courier";
            $size = "";
            $color = "";

            if(isset($_GET['font'])){
                $font = $_GET['font'];
            }

            if(isset($_GET['size'])){
                $size = $_GET['size'];
            }

            if(isset($_GET['color'])){
                $color = $_GET['color'];
            }
            ?>

            <div style="padding-left:130px ; padding-top:50px">

                <textarea rows="4" cols="50" placeholder="Enter Something" style="font-family: <?php echo $font; ?> ; font-size: <?php echo $size; ?> ; color: <?php echo $color; ?>">the quick brown fox jumped over a lazy dog.</textarea>

                <br><br>
                <div>
                    <a href="?font=arial">Arial</a> 
                    <a href="?font=times">Times</a>
                    <a href="?font=impact">Impact</a> 
                    <a href="?font=verdana">Verdana</a>
                </div>

                <br><br>
                <div>
                    <a href="?size=30px">30px</a> 
                    <a href="?size=10px">10px</a>
                    <a href="?size=50px">50px</a> 
                    <a href="?size=60px">60px</a>
                </div>

                <br><br>
                <div>
                    <a href="?color=red">RED</a> 
                    <a href="?color=pink">PINK</a>
                    <a href="?color=blue">BLUE</a> 
                    <a href="?color=yellow">YELLOW</a>
                </div>

            </div>