Save css code by admin

Question

I have a PHP function that will show me all the CSS code on front end before HTML. Only the admin can see this CSS code printed on the screen, through the method "include".

What I’m trying to figure out is how to copy all this CSS displayed on the screen to a new CSS file.

Taking into account that this Cssque file appears on the screen it contains PHP variables, but on the screen it does not show these variables, but the value of them printed (colors, font size, etc)... or the output code presented by browser.

What I want to avoid is that the admin has to copy all this CSS manually through the screen, and have to paste it into a new CSS file.

So now, I don’t know how to copy this CSS that is on the screen with some specific function for this, either PHP or Javascript. There are about 2000 lines to be copied to a new CSS file.

Can someone give me some light on how I can get this? Since the intended is not a function to copy contents from one file to another, with the method copy, in this case all the PHP code inside the CSS would be copied. What I intend is a way to copy the output code presented by browser already with all CSS values (colors, font sizes, etc).

Answer 1

I think you could do more or less the following:

<?php

    $conteudoProcessado = '* { padding: 0; }';

?>

<form action="salvarArquivo.php" method="post">
    <input type="hidden" name="conteudoProcessado" value="<?php echo $conteudoProcessado; ?>" />

    <div>
        <?php echo $conteudoProcessado; ?>
    </div>

    <buttom type="submit"> Salvar </button>
</form>

And there in your file salvarArquivo.php you make the saving logic of a file with the contents of the variable $_POST['conteudoProcessado'] and if you wish you can return the saved file to the user.

If you want the user to be able to change the generated css you can use a textarea instead of a input hidden and remove the div with the contents of the file.