El asunto es que no podés tener una cadena de ese tipo y que te aparezca una imagen al mismo tiempo en el editor. Mi sugerencia es colocar la imagen con ese añadido en la url, y luego interpretar el html que entrega el editor para reemplazar el html de esas imágenes por la cadena con formato que mencionás. Ese reemplazo conviene hacerlo en el servidor con expresiones regulares, pero si preferís hacerlo con javascript, almacenando el html que entrega el editor en una variable llamada cad, el reemplazo podrías hacerlo con algo como esto:
Código:
<script>
var cad='algo<img src=iconoAltavoz.gif?audio=uno.mp3 />algo<img src="iconoAltavoz.gif?audio=dos.mp3" /> dddd <img src="iconoAltavoz.gif?audio=tres.mp3" /> ddd';
var pat=/\<img[\s\w"=]+iconoAltavoz.gif\?audio=[\s\w"=.\/]+\>+/ig;
pat2=/\?audio=([^"\/\>]+)/i;
function mf(m){
var r=m.match(pat2);
return '{audio '+r[1]+'}';
}
cad=cad.replace(pat,mf)
alert(cad)
</script>
Con eso, tendrías durante la visualización la imagen que querías y en la salida html los tags con nombre de archivo que necesitabas.