创建自定义CSS textarea框

时间:2015-06-11 09:34:19

标签: javascript php html css

这不是我如何解决这个问题,更多的是你能指出我正确的方向。

所以问题就是我想知道,我已经看到了几个textarea字段,当你在里面输入一些值时,点击保存就会存储它并开始使用它。

.div{
 background:black;
 border:1px solid red;
}

你明白了。我可以在google上搜索什么?它使用什么语言显然它在HTML5中,我猜它是以某种方式通过php备份的,它将值存储在数据库中。

我在大多数平台上都看过它,比如opencart,wordpress,magento等等。有人可以给我一个关于要查找内容的指针吗?

所以基本上我想如何通过浏览器控制样式表或javascript文件我猜?

修改 就像这样

https://teamtreehouse.com/library/wordpress-customizer-api/custom-wordpress-customizer-settings/custom-css-textarea-in-the-theme-customizer

在第7秒左右。看看他如何在一个盒子里输入CSS代码并且它会影响网站,我希望有人指出我可以学习的地方或者找到与此类似的东西。

2 个答案:

答案 0 :(得分:1)

首先,您需要将textarea中的用户输入值存储在php变量中。 (参见http://www.w3schools.com/php/php_form_complete.asp)然后,您需要将该信息插入某种数据库(例如http://www.w3schools.com/php/php_mysql_insert.asp)。 最后但同样重要的是,您需要从数据库中获取数据并将其放入textarea,这看起来像这样

<textarea><?php echo htmlspecialchars($message); ?></textarea>

答案 1 :(得分:0)

首先,除了style.css之类的普通css文件外,还包含另一个css文件。说:style2.css是一个空文件。然后使用php打开并将附加的css写入此文件:

http://www.w3schools.com/php/php_file_create.asp

或者将php文件包含为样式表,从数据库中检索数据:

<link rel="stylesheet" type="text/css" media="screen" href="css/style2.css.php">