Posso usar JavaScript para inserir um texto simples em um arquivo remoto por URL?

Question

Portanto, não tenho certeza se a razão pela qual estou tendo problemas com isso é porque ela se parece muito com uma atividade maliciosa ou não. O que estou tentando fazer é tornar minha vida um pouco menos terrível com um software muito inflexível e desatualizado baseado na web.

Basicamente, há um bloco de HTML que eu posso editar dentro do software (ele é inserido em um elemento td ), e eu quero que o conteúdo desse bloco venha de um arquivo de texto simples na minha unidade local, sendo sincronizado com a nuvem com o Dropbox.

É possível fazer algo assim:

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

Com a saída sendo <td>[contentsof_file.txt]</td> ?

    

Answer 1

Em vez de carregar um arquivo de texto simples remoto, ficou muito mais fácil tornar o arquivo remoto um "wrapper" JavaScript que tinha o texto simples embutido usando uma "variável de texto de múltiplas linhas":

remote_editable_file.js:

var myString = function(){/*

Editable plaintext or whatever goes here!
Multiline, too!

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

A última linha é o que faz todo o trabalho; É simples o suficiente para que o jQuery seja excessivo, a menos que você tenha problemas de portabilidade insuperáveis.

Na página de origem (o bloco de HTML editável apenas manualmente), tudo o que você precisa é:

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

    

Answer 2

Você pode fazer isso com o JQuery. Você vai querer ter uma maneira de pesquisar seu td, como dar um id:

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