Tinymce - 插入 html 代码答案

【问题标题】：Tinymce - insert html codeTinymce - 插入 html 代码
【发布时间】：2009-10-03 15:13:37
【问题描述】：

如果有人可以帮助我解决此问题，我将不胜感激，我已经尝试解决了几天，但没有成功。我制作了将图像插入代码的自定义按钮，这是文本版本：

<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 属性没关系，因为它不能包含空格，但对于图像描述，它会非常有用。我可以格式化字符串并放置 _ 而不是空格，但这不是解决方案。

有什么帮助吗？

【问题讨论】：

标签： php javascript html insert tinymce

【解决方案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 这样的标签自动关闭时，您使用斜杠 (/) 而不是反斜杠。）

【讨论】：

这不起作用，但您仍然帮助我找到了解决方案。我尝试使用单个 qoutes 和反斜杠并且它有效。如果在 php 中打印，它应该如下所示： alt=\\'$naslov_slike\\'
酷，已经解决了单引号工作而不是双引号的问题。

【解决方案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>

【讨论】：