html - tiny_mce画像の挿入/編集カスタムhtml

Question

画像挿入時にHTML出力を変更する方法

これから：

<img title="?" src="?" alt="?" width="xxx" height="xxx" />

これに：

<a href="?" rel="?" title="?"> <img src="?" alt="?"></a>

変数の設定方法。

Answer 1

自分で答えを見つけました。tiny_mce\plugins\advimage\js\image.js を編集しました

ed.execCommand('mceInsertContent', false, tinyMCEPopup.editor.dom.createHTML('img', args), {skip_undo : 1});

の中へ

ed.execCommand('mceInsertContent', false, tinyMCEPopup.editor.dom.setHTML(tinyMCE.activeEditor.dom, '<a href="'+ foo +'" rel="lightbox[article]" title="'+ args['title'] +'"> <img src="'+ args['src'] +'" alt="'+ args['title'] +'"></a>'), {skip_undo : 1});