次のコードを使用してコンテンツをHTMLファイルに挿入するには 現在、次のコードが動作していて、最初の既存スクリプトの後に新しいスクリプトが挿入されます。問題は、コンテンツがインデントされていないことです新しいスクリプトタグコンテンツのインデントを変更するには
私は、次のようにインデントするためにそれを変更したい
<script> var keyOfFilesArray = Object.keys(data)[0]; var filesArray = data[keyOfFilesArray]; </script>
(あなたは1行でそのを見ることができるように)これは、新たな追加スクリプトの出力です:
- 秒追加のオープンスクリプトタグがします
- VARSこの
<script> var keyOfFilesArray = Object.keys(data)[0]; var filesArray = data[keyOfFilesArray]; </script>
私はそれをどのように行うことができますか?私は、これは、JSコード、それがいかに
btn.onclick = function(e){
debugger;
var innerhtml = [
' var keyOfFilesArray = Object.keys(data)[0];',
' var filesArray = data[keyOfFilesArray]; '
].join('');
var html = process(input.defaultValue,innerhtml);
output.value = html;
}
function process(html,innerhtml) {
var escapedHTML = html
.replace(/body/g, 'body$')
.replace(/head/g, 'head$');
sandbox.innerHTML = escapedHTML;
var script = sandbox.querySelectorAll('#app-ux-bootstrap')[0];
var newScript = document.createElement('script');
newScript.innerText = innerhtml;
script.parentNode.insertBefore(newScript, script.nextSibling);
var unescapedHTML = sandbox.innerHTML
.replace(/body\$/g, 'body')
.replace(/head\$/g, 'head')
.replace(/"/g, "'");
return (
'<!DOCTYPE HTML>\n<html>' +
unescapedHTML +
'</html>'
);
};
ある
https://jsfiddle.net/k32ntkr8/
...私は、n /追加する必要がありますが、わからないところにそれを挿入するための最良の方法です信じて完了?お答えください、以下の回答はあまり役に立ちません... この質問をどうにかして改善できれば教えてください。
申し訳ありませんが、なぜあなたはそれをしたいのでしょうか?たいていの場合、人々がコードを完成させると、ファイルのサイズが小さくなるように最小限に抑えられます。ちょっと不思議です... –
@BozidarSikanjic - ファイルのサイズを小さくするビルド中に修正しますが、これを表示する必要がありますいくつかのエディタの前にファイル... –