Please Sign In or Register

IMCE : リンク挿入時にイメージ(タグ)も含める

IMCE モジュールを利用すると、テキストエリアの下部に 「画像<img> または リンク<a> の挿入」 が表示され、そこからそれぞれのタグを含めて挿入することが可能になる。
しかし、サムネイルを使わずにサイズの大きな画像を挿入する場合など、<a> タグの間に <img> タグをはさんだ形で挿入したい場合には、同じような作業を 2 度行なう必要がある。
これを、「リンク<a> の挿入」 を行なうだけで <a href="path"><img src="path" width="size" height="size" alt="filename" /></a> と挿入されるようにするための設定。

mce_set_inline.js//custom callback. hook:ImceFinish の部分に修正を加える。
'+ basename +' ('+ s +') を、強調部分の内容に変更する。(→の方にあります。)

//custom callback. hook:ImceFinish
function _imce_ImceFinish(path, w, h, s, imceWin) {
  var basename = path.substr(path.lastIndexOf('/')+1);
  var type = imceActiveType=='link' ? 'link' : (w&&h ? 'image' : 'link');
  var html = type=='image' ? ('<img src="'+ path +'" width="'+ w +'" height="'+ h +'" alt="'+ basename +'" />') : ('<a href="'+ path +'"><img src="'+ path +'" width="'+ w +'" height="'+ h +'" alt="'+ basename +'" /></a>');
  imceInsertAtCursor(imceActiveTextarea, html, type);
  imceWin.close();
  imceActiveType = null;
}

トラックバック

トラックバックは承認後に表示されます。

URLから "-nospam" を削除してトラックバックを送信してください。