Question

我已经得到了TinyMCE的视频上传，这将插入一些代码到编辑器中，像这样的内部：

var content2 = "<div class='playvideo' id='<?php echo $randomnumber;?>'> 
<img class='posterimage' src='<?php echo $new_image_path; ?>'> 
<a id='<?php echo $new_file; ?>' class='videoplaceholder'></a> 
</div></div>"; 


parent.tinyMCE.execCommand('mceInsertContent', false,content2); 

这工作得很好，并输出：

<p><div id="581827" class="playvideo"> 
<img class="posterimage" src="/uploads/videos/images/1097VID.jpg" alt="" /> 
<a class="videoplaceholder" id="1097VID.mp4"></a> 
</div></p> 

但是在插入这些内容之后，我想继续写文本。但是当我这样做时，文本被放置在我插入的内容后面的img标签。 像这样：

<p><div id="581827" class="playvideo"> 
<img class="posterimage" src="/uploads/videos/images/1097VID.jpg" alt="" />text i try to write goes here for some reason 
<a class="videoplaceholder" id="1097VID.mp4"></a> 
</div></p> 

Fiddle example

当点击新行中输入，它创建了同一个班我插入第二个div。这是一个奇怪的行为..我读过一个div在一个段落内是不合法的，但它也不适用于span。

有没有人有任何指针？任何帮助是极大的赞赏。

Answer 1

可以通过将 作为链接文本而不是<a id='<?php echo $new_file; ?>' class='videoplaceholder'></a>来修复img之后插入文本的问题，您可以使用<a id='<?php echo $new_file; ?>' class='videoplaceholder'>&nbsp;</a>。虽然我不确定这个类，但可能有一种方法可以防止TinyMCE默认添加类。