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默認添加類。