Tinymce - 插入HTML代码

Question

如果有人可以帮助我解决这个问题,我会很感激,我一直试图解决它几天,但没有成功.我制作了将图像插入代码的自定义按钮,这里是文本版本:

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

问题是我不允许使用引号,因此我必须使用alt = Some_value并自动添加引号.当我用空格输入值时出现问题:alt =某些值,然后仅输入"Some",而忽略空白后的所有内容.对于src属性,它没关系,因为它不能包含空格,但对于图像描述,它将非常有用.我可以格式化字符串并放置_而不是空格,但这不是解决方案.

有什么帮助吗？

Answer 1

\在要包含的引号前添加反斜杠().

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

这将允许您包含脚本和引号,而不会打破您.

反斜杠只是对代码说:"不要停在这里,这个引用并不表示代码行的结束.只需将它包含在显示输出中.谢谢."

请注意,您必须'在IMG属性周围使用单引号().

(另一件事:在XHTML中,当自动关闭标签时IMG,你使用斜杠(/)而不是反斜杠.)

Answer 2

最好让你的代码更具可读性(如果你需要返回并改变一些东西),你可以让onmousedown调用一个函数:

<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>