Могу ли я использовать JavaScript для вставки некоторого открытого текста из удаленного файла по URL?

Question

Поэтому я не уверен, что причина, по которой у меня возникают проблемы, заключается в том, что это ужасно похоже на злоумышленную деятельность или нет. То, что я пытаюсь сделать, это сделать мою жизнь немного менее ужасной с помощью очень негибкого и устаревшего программного обеспечения для Интернета.

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

Можно сделать что-то вроде этого:

<td>
  <script>
    insert_text_from_url("https://dl.dropboxusercontent.com/s/blahblahblah/file.txt?token_hash=blahblahblah&dl=1");
  </script>
</td>

С выводом <td>[contentsof_file.txt]</td>?

Answer 1

Вы можете сделать это с помощью JQuery. Вы захотите иметь способ, которым вы можете искать свой тд, например, дать ему идентификатор:

<td id="insertTextHere">
</td>
<script>
    $(function(){
          $('#insertTextHere').load('https://dl.dropboxusercontent.com/s/blahblahblah/file.txt?token_hash=blahblahblah&dl=1');
    });
</script>

Answer 2

Вместо того, чтобы загружать удаленный открытый текстовый файл, оказалось, что гораздо проще сделать удаленный файл "оберткой" JavaScript, в которой открытый текст вставлен с использованием довольно хакерской "многострочной текстовой переменной":

remote_editable_file.js:

var myString = function(){/*

Editable plaintext or whatever goes here!
Multiline, too!

*/}.toString().slice(15,-4);
document.getElementById('content').innerHTML = myString;

Последняя строка - это то, что делает всю работу; достаточно просто, что jQuery излишне, если вы не столкнетесь с непреодолимыми проблемами переносимости.

На исходной странице (блок HTML, который можно редактировать только вручную) все, что вам нужно, это:

<div id="content"></div>
<script src="https://dropbox/link/to/remote_editable_file.js" type="text/javascript"></script>