Tinymce - insérer le code html

Question

J'apprécierais s'il y a quelqu'un qui peut m'aider à résoudre ce problème, j'ai essayé de le résoudre pendant quelques jours, mais sans succès. J'ai fait un bouton personnalisé qui insère l'image dans le code, et voici la version textuelle:

<a href="javascript:;" onmousedown="tinyMCE.execCommand('mceInsertContent',false,'<br><img alt=$img_title src=$link/img/sadrzaj/$file\>');">Insert Image</a> 

Le problème est que je ne suis pas autorisé à utiliser des guillemets, donc je dois utiliser alt = some_value et devis sont ajoutés automatiquement. Le problème vient quand j'entre la valeur avec l'espace: alt = Une certaine valeur et alors seulement "Some" est entré tandis que tout après les espaces est ignoré. Pour l'attribut src c'est ok car il ne peut pas contenir d'espaces, mais pour la description d'image ce serait très utile. Je peux mettre en forme une chaîne et mettre _ à la place d'un espace mais ce n'est pas une solution.

De l'aide, s'il vous plaît?

Answer 1

Ajoutez une barre oblique inverse (\) avant les guillemets à inclure.

<a href="javascript:;" 
    onmousedown="tinyMCE.execCommand('mceInsertContent',false,'<br> 
    <img alt=\'$img_title\' src=\'$link/img/sadrzaj/$file\' />');">Insert Image</a> 

Ceci vous permettra d'inclure le script et les guillemets sans qu'il ne vous casse dessus. La barre oblique inverse ne fait que dire au code: «Ne vous arrêtez pas ici, cette citation ne signale pas la fin de la ligne de code, il suffit de l'inclure dans la sortie d'affichage.

Notez que vous devrez utiliser des guillemets simples (') autour des attributs IMG.

(Une autre chose: En XHTML, lorsque l'auto-fermeture d'une étiquette comme IMG, vous utilisez la barre oblique (/) et non la barre oblique inverse.)

Answer 2

Il pourrait être mieux plus lisible pour rendre votre code (si vous jamais besoin de revenir en arrière et de changer les choses), vous pouvez simplement faire l'appel onmousedown une fonction:

<a href="javascript:;" onmousedown="addImage()">Insert Image</a> 

<script type="text/javascript"> 
function addImage(){ 
tinyMCE.execCommand('mceInsertContent',false,'<br> 
    <img alt="$img_title" src="$link/img/sadrzaj/$file" />'); 
} 
</script>