1

私は現在、次のことを想定したテキストからHTMLへのコンバーターを書いています。

テキストボックス1から入力を取得します。

その入力を段落ごとに配列の要素に分割します。（私は、テキストがあり、で終わるもので段落を定義します/n）

配列を繰り返し処理し、<p style=\"font-size: 13px; text-indent: 15px;\">すべての要素の前と</p>最後に追加します。

テキストボックス2から入力を取得します（1行と想定）

<p style=\"font-size: 11px; color: #666666; text-align: left; margin-top: 30px;\">A Power News :>前と</p>最後に追加します。

両方をテキストボックスに出力します。

私が書いたコードは次のとおりです。

HTML：

<form name="input" method="get">
Input the text here:<textarea cols="40" rows="5" name="bodyText" id = "bodyText" > </textarea><br />
Input Author Name:<input type="text" name="authorName" id = "authorName" />
<button type="button"value="Convert" onclick="convertBlog()">Click to convert to html template</button>
</form>
<textarea cols="110" rows="40" name="output" id= "output">  </textarea>

JavaScript：

//STATIC VARIABLES USED FOR THE START AND END OF THE HTML LINES
var blogParagraphStart = "<p style=\"font-size: 13px; text-indent: 15px;\">";
var authorParagraphStart = "<p style=\"font-size: 11px; color: #666666; text-align: left; margin-top: 30px;\">A Power News 記者: "
var paragraphEnd = "</p>"

//GET THE INPUT FROM THE USER AND ASSIGN THEM TO VARIABLES
var bodyTxt = document.forms["input"]["bodyText"].value;
var authorName = document.forms["input"]["authorName"].value;

var bodyArray=str.split("\n"); 


var end = bodyArray.length+1;

while (i<end){
bodyArray[i] = blogParagraphStart + bodyArray[i] + paragraphEnd;
i++;
}

var reporterOutputString = authorParagraphStart + authorName +paragraphEnd ;

var outputString = bodyArray+ reporterOutputString;

document.getElementById("output").innerHTML= outputString ;

何らかの理由でこれは機能しませんボタンは何もしません、そして私はこれを理解することができませんでした。

私は自分の状況を明確に説明したいと思います。このコンバーターは非常に特殊な用途にのみ使用されるため、再利用性は問題になりません。

4

2 に答える 2

1

コンソールでJavaScriptエラーが発生していますか？「str」が行から定義されているコードが表示されませんvar bodyArray = str.split("\n");

また、bodyArrayは配列であるため、文字列にスローする前に、join（）を呼び出す必要があるようです。

また、iwhileループで宣言されることはありません。

于 2012-07-03T08:29:45.007 に答える
1

エラーを探すためにJavaScriptコンソールを開きましたか？

あなたが初期化したとは思わない：

i = 0;

ループで使用する前に、それについて不平を言っている可能性があります。

于 2012-07-03T08:30:59.887 に答える