Tinymce - 插入HTML代码

4

我希望有人能帮我解决这个问题,我已经尝试了几天,但是没有成功。 我创建了一个自定义按钮,可以将图像插入到代码中,下面是文本版本:

<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 value,然后只有“Some”被输入,而空格后面的所有内容都被忽略了。对于src属性来说,这是可以的,因为它不能包含空格,但对于图像描述来说,这将非常有用。我可以格式化字符串并用下划线代替空格,但这不是解决方案。请问有什么帮助吗?
2个回答

12

在你想要包含引号的地方加上反斜杠 (\)。

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

这样可以让您在不出错的情况下包含脚本和引号。

反斜杠只是告诉代码,“不要停在这里,这个引号并不表示代码行的结尾。只需将其包含在显示输出中即可。谢谢。”

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

(另外一件事:在XHTML中,当自关闭像IMG这样的标签时,您使用斜杆(/),而不是反斜杠。)


这个不起作用,但是你还是帮我找到了解决方案。我尝试使用单引号和反斜杠,它起作用了。 如果在PHP中打印,应该像这样: alt=\'$naslov_slike\' - ilija veselica
很好,已经修复了单引号起作用而双引号不起作用的问题。 - random

6

如果您需要回去更改代码,那么使您的代码更易读可能会更好,您可以将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>

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接