Как вставить свой путь к файлу в document.documentElement.innerHTML?

Question

[Кирилл Горелов]

Всем привет. Хочу сделать для себя отображение кода с синтаксимом.
Нашел библиотеку, все хорошо. Но проблема.
document.documentElement.innerHTML - отображает код своей страницы.
А как сделать, что бы innerHTML отображал код файла который я хочу указать?
То есть я передаю путь файла через GET параметр в php. И как мне вывести содержимое этого файла с помощью innerHTML?

Я так же понимаю, что .innerHTML может выводить не только html содержимое, но и php и другие языки?

Answer 1

[Roman]

Вы что-то запутались. document.documentElement.innerHTML это на клиенте (только), а php это на сервере (только).

Читайте нужный файл на сервере, делайте htmlspecialchars и отправляет в браузер. А там уже форматируйте клиентской библиотекой код.

Comments

[Кирилл Горелов]

Про клиент и сервер я знаю.
Я пробовал выводить через htmlspecialchars, но без успешно.

<?php
$text1 = file_get_contents( $_GET['urledit']);
$text = htmlspecialchars($text1); 
?>
    <script>
window.onload = function() {
  editor = CodeMirror(document.getElementById("editor"), {
    value: "  <?php echo $text;?> ",
    mode: "text",
    matchTags: {bothTags: true},
    extraKeys: {"Ctrl-J": "toMatchingTag"}
  });
};
    </script>

[Roman]

<textarea class="js-cm-code"><?=$text?></textarea>
<script>
var cm = CodeMirror.fromTextArea(
	$('.js-cm-code').get(0),
	{
		mode : 'text',
	}
);
</script>

[Кирилл Горелов]

Роман: Да, но подсветки нету, к сожалению!

[Roman]

Ну и $text1 = file_get_contents( $_GET['urledit']); это конечно же несекурно

[Roman]

Кирилл Горелов: mode нужно устанавливать, сам КодМиррор не поймет, что за исходник ему подсунули

[Кирилл Горелов]

Все равно нет. Просто выводит!

[Roman]

Кирилл Горелов: jsbin.com/yakudiyaqa/edit?html,js,output

[Кирилл Горелов]

Роман: Спасибо, гляну, но уже не сегодня!

[Кирилл Горелов]

Роман: Замечательно, спасибо то что нужно. А как это все работает, что за скрипты там работают, можно какие нибудь комментарии?

Answer 2

[Андрей Буров]

php.net/manual/ru/function.highlight-file.php

<?php
echo highlight_file($_GET['f'])
?>

Предостережение
Необходимо пользоваться функцией highlight_file() с должным вниманием, с тем чтобы по неосторожности не раскрыть конфиденциальную информацию, такую как пароли или любую другую информацию, которая может создать потенциальную угрозу безопасности.

Answer 3

[Антон Тихомиров]

Дак в чем проблема? Аяксом вызываете какой-нибудь файл (на php), передаете в него нужные параметры (если хотите), подвешиваете колбек и в его теле уже обрабатываете какой-нибудь тег на странице и в нем выводите содержимое этого файла:

$.ajax ({
  
  'method': 'get',
  'url': 'http://ваш_сайт/my-file.php',
  'data': { массив параметров по желанию },
  'success': function (content) {
      $('#mytag').html (content);
  },
  
});

Предварительно вставьте на страницу код вида

<div id="mytag"></div>

А в my-file.php уже суйте highlight_file () или что вам нужно через echo. JS - это просто прокладка, он сам ничего не получает, он может только содержимое колбека всунутого в него получить.