Здравствуйте! Есть сайт, и панель администратор. Надо реализовать возможность редактирования CSS и JS файла администратором, т.е. в панели администратора в инпуте находится код исполняемого файла (например: main.js), администратор меняет код и нажимает сохранить. После этого код в файле перезаписывается(как я понял лучше работать с файлом, а не с бд). Как это можно реализовать?
2 ответа
<?php
// Данный код - это упрощенный пример, для наглядности:
// Создаете файл к примеру test333.php, помещаете этот код
// В форме action указываем такой же файл-обработчик
// Но естественно, вы можете сделать обработчик отдельно от хтмл
$path = 'test.js';
if (isset($_POST['save'])){
$f = $_POST['code333'];
file_put_contents($path,$f);
}
?>
<form method="post" action="test333.php">
<textarea name="code333" style="width: 600px; height:400px;">
<? echo file_get_contents('test.js') ?>
</textarea>
<input type="submit" name="save" value="go" />
</form>
Для простого изменения содержимого файлов можно использовать fopen
, fwrite
и другие функции для работы с файлами.
Пример записи
$fp = fopen('data.txt', 'w');
fwrite($fp, '1\n');
fwrite($fp, '23');
fclose($fp);
// содержимое 'data.txt' :
// 1
// 23
Пример чтения файла построчно
$handle = fopen("data.txt", "r");
while (!feof($handle)) {
$buffer = fgets($handle, 4096);
echo $buffer;
}
fclose($handle);
Чтобы код в браузере отображался "красиво" можно использовать CodeMirror
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>installing code mirror</title>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.13.4/codemirror.min.css'>
<style>
body {
background: grey;
color: white;
font-family: sans-serif;
margin: 1%;
}
</style>
</head>
<body>
<h1>пример textarea для отображения кода</h1>
<p>
<textarea id="code" name="code">
$(document).ready(
alert('hello');
$(".testbutton").click(function(){
console.log("button pressed");
});
);
</textarea>
<script src='https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.10.0/codemirror.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.13.4/mode/htmlmixed/htmlmixed.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/codemirror/5.13.4/mode/xml/xml.min.js'></script>
<script>
var config, editor;
config = {
mode: "text/html",
indentWithTabs: false
};
editor = CodeMirror.fromTextArea(document.getElementById("code"), config);
</script>
</body>
</html>
Также рекомендую обратить внимание на библиотеки WYSIWYG для работы с обычными файлами.
Передавать данные из <textarea>
на сервер можно с помощью AJAX на сервер и обратно в браузер.
-
похоже ваш вариант самый подходящий. Но возник вопрос, может ответите) Написал небольшой код для теста: ` <? $text = readfile('test.js');//получаю текст изменяемого файла echo $text;?>// echo еще срабатывает нормально только в конце выводит длину строки <textarea>// а textarea уже выводит только длину(. В чем может быть проблема? <?=$text?> </textarea> <? $fp = fopen('test.js', 'w'); $newText = 'alert("Hello");'; fwrite($fp, $newText); fclose($fp); `– r.mcreal16 авг 2017 в 11:45
eval
, которая выполняет строку какPHP
код, а как быть сjs
иcss
?js
илиcss
код вытащенный из бд?