ｊｓファイルの編集

質問

こんにちは。
WordPressでプラグイン内のjsファイルで、記事投稿画面でアイコンを選択するとそのアイコンがテキスト内に画像リンクとして張られるのですが、
<img src="画像の場所" border="0" alt="画像の名前" />
と表示されるのですが、ここのなかにclass関数？を入れたいのですが、どのようにjsファイルを編集すると挿入されるのでしょうか。

怪しいと思ったのは、jsファイル内の最初の
var EmojiDialog = {
init : function(ed) {
tinyMCEPopup.resizeToInnerSize();
},

insert : function(file) {
var altname = file.slice(0,file.lastIndexOf('.'));
var ed = tinyMCEPopup.editor, dom = ed.dom;
ed.execCommand('mceInsertContent', false, dom.createHTML('img', {
src : tinyMCEPopup.getWindowArg('plugin_url') + '/img/' + file,
border : 0,
alt : altname
}));
}
};

と、そのあとに画像の場所を示す記述があって
その最後にあった。

var aImages = img_ary ;
var iCols = 23;
var iColWidth = parseInt( 100 / iCols, 10 ) ;
var iRows = Math.ceil( aImages.length / iCols );
var iColHeight = parseInt( 500 / iRows, 10 ) ;
var i = 0;
var sTableHtml = '<table class="emoji" border="0" cellspacing="2" cellpadding="2" align="center">';
while ( i < aImages.length) {
sTableHtml += '<tr>';
for(var j = 0 ; j < iCols ; j++) {
if (aImages[i]) {
var sFileName = aImages[i];
sTableHtml += '<td width="' + iColWidth + '%" height="' + iColHeight + 'px" align="center" class="DarkBackground" onmouseover="this.className=\'LightBackground\';" onmouseout="this.className=\'DarkBackground\';" onclick="EmojiDialog.insert(\'' + sFileName + '\');"><img src="img/' + sFileName + '" border="0" /></td>';
} else {
sTableHtml += '<td width="' + iColWidth + '%" height="' + iColHeight + 'px" align="center" class="DarkBackground" onmouseover="this.className=\'LightBackground\';" onmouseout="this.className=\'DarkBackground\';">&nbsp;</td>';
}
i++;
}
sTableHtml += '</tr>';
}
sTableHtml += '</table>';
pallet_container.innerHTML = sTableHtml;
}
};

以上の場所です。
もしかしたら、jsファイルではタグを挿入する作業はしていないのでしょうか？

回答No.1

think49 · ベストアンサー

onmouseover="this.className=\'LightBackground\';" onmouseout="this.className=\'DarkBackground\';" onclick="EmojiDialog.insert(\'' + sFileName + '\');"><img src="img/' + sFileName + '" border="0" /></td>';

の最後にあるimg要素かな？
HTMLと同じように class="クラス名" を入れてみてください。

> もしかしたら、jsファイルではタグを挿入する作業はしていないのでしょうか？
このコードに含まれているとしたら、最後にinnerHTMLを使用しているのでHTMLタグという形で見えると思います。
"<img" で検索してみると、該当部分は今指摘した一箇所だけなので、
この回答が見当違いでしたら他のコードにあるのだと思います。

お礼

ありがとうございます。
でも、なんだかエラーが出てしまって少し考えてみる必要があるようです。