0

私がやりたいのは、(S) を小さな 16x16 の画像に置き換える Javascript コードを用意することです。(S) を使用して、自分のサイトの記事の情報源にリンクしています。少し専門的ではなく、乱雑に見えます。私のブログで、投稿内のすべての (S) を 16x16 の画像またはそのような文字に自動的に置き換える方法 (JS がなくても) があるかどうか疑問に思っていました。ウィキペディアで、リンクが新しいタブで開くことを示すために使用されます。

誰にもアイデアはありますか？

編集: ところで、私は Blogger を使用しています。ブログにはコンピューターの知識がほとんどないライターが他にもいるため、手動で HTML コードを入力することも禁止されています。

4

1 に答える 1

0

遊んでいるページにエディターがあります。入力すると更新され、投稿がどのように表示されるかのライブプレビューが表示されます-すべてクライアント側で、ajax はなく、非常に高速です。

キーアップ イベントと変更イベントに応答して、この関数を呼び出します。 

var content;

function byId(e) {return document.getElementById(e);}

function onPreview()
{
    var modifiedStr, re;

    var textArea = byId("threadText");
    var threadTextOrig = textArea.value;
    content = textArea;

    re = new RegExp("\n", "g");
    var modifiedStr = threadTextOrig.replace(re, "<br>");

    re = new RegExp(":wtf:", "g");
    modifiedStr = modifiedStr.replace(re, '<img src="img/smiley_WTF.gif" align="top" alt="WTF | :WTF:">');

    re = new RegExp(":\\)", "g");
    modifiedStr = modifiedStr.replace(re, '<img src="img/smiley_smile.gif" align="top" alt="Smile | :)">');

    re = new RegExp(":-D", "g");
    modifiedStr = modifiedStr.replace(re, '<img src="img/smiley_biggrin.gif" align="top" alt="Big Grin | :-D">');

    var tgt = byId(previewDiv);
    previewDiv.innerHTML = modifiedStr;

    var tgt = byId('previewTitle');

    var src = byId('title');
    var srcVal = src.value;
    tgt.innerHTML = "<strong>" + srcVal + "</strong>";
}

html

<input name="title" id="title" value="Waiting for approval" style="width:100%" onchange="onPreview();" onkeyup="onPreview();" onmouseup="onPreview()">
<textarea rows="10" cols="80" id="threadText" name="threadText" onchange="onPreview();" onkeyup="onPreview();" onmouseup="onPreview()"></textarea>
于 2012-10-10T19:35:35.903 に答える