※ ChatGPTを利用し、要約された質問です（原文：setContentに読み込んだファイルを挿入）
nicEditの日本語版のデモで外部ファイルの内容を挿入する方法
このQ&Aのポイント
nicEditの日本語版のデモで、textareaに外部ファイルから読み込んだ文字列を挿入する方法がわかりません。
上記のソースコードで、setData()メソッドを使用することでtextareaの内容を入れ替えることができます。
しかし、外部ファイルから読み込んだ文字列を挿入する場合は、setData()ではなく、setContent()メソッドを使用する必要があります。しかし、この方法ではnicEditの適用が外れてしまいます。
setContentに読み込んだファイルを挿入
nicEditの日本語版のデモで、textareaの内容を入れ替えるデモがあったのですが、
このsetContentの文字列に外部ファイルから読み込んだ文字列を挿入したいと思うのですが、
上手くいきません。
方法がわかる方いらっしゃいましたら、ご教授願います。
#!/usr/bin/perl
print "Content-type: text/html; charset=Shift_JIS\n\n";
open(A,"sample.txt");
@file = <A>;
close(A);
print "<html>
<head>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=shift-jis\" >
<script src=\"nicEdit/nicEdit.js\" type=\"text/javascript\"></script>
<script type=\"text/javascript\">
var area2;
function toggleArea2() {
area2 = new nicEditor({fullPanel : true}).panelInstance('myArea2',{hasPanel : true});
}
function setContentArea2() {
area2.instanceById('myArea2').setContent(\"データを入れ替え<br>データを入れ替え<br>データを入れ替え<br>\");
}
bkLib.onDomLoaded(function() { toggleArea2(); });
</script>
</head>
<body>
<div>
<textarea style=\"width: 300px; height: 100px;\" id=\"myArea2\"></textarea>
<br>
<button onClick=\"setContentArea2();\">内容入れ替え</button>
</div>
</body>
</html>\n";
上記のソースの「データを入れ替え<br>データを入れ替え<br>データを入れ替え<br>」の部分を、「@file」にしてみたのですが、textareaへのnicEdit適用が外れてしまいうまくいきませんでした。
よろしくお願いします。
お礼
回答ありがとうございます。 回答していただいた方法を試してみたのですが、 txtファイルの行数がカウントされた数字が表示されているようです。