2014-04-04 57 views
0

我試圖在TinyMCE的WYSIWYG中嵌入一條推文。當我將內容放在頁面上時,html看起來像這樣:Stuck Inside Blockquote在TinyMCE

<blockquote class="twitter-tweet" lang="en"><p>Equally Armed !!! AR-15, the Modern Musket <a href="http://t.co/GnuhTTkQML">pic.twitter.com/GnuhTTkQML</a></p>&mdash; John Sykes (@johnsykes1035) <a href="https://twitter.com/johnsykes1035/statuses/452098680607490048">April 4, 2014</a></blockquote> 

因此,內容位於blockquote標記內。

現在 - 如果這是頁面上唯一的條目,當我回來重新編輯時,無論我放置光標的位置或按下的多少入口,我都會卡在blockquote中,它永遠不會逃脫塊引用。

同樣的問題是,推文是頁面上的第一件事,然後我寫文本......我不能在推文上面插入文字,因爲如果我把光標放在它上面並按下回車鍵,我仍然在裏面blockquote。如果推文位於底部,那麼將光標放在文本的末尾並按回車就可以了,我仍然處於blockquote標籤內。

我甚至已經試過它包裝的DIV像這樣:

<div><blockquote class="twitter-tweet" lang="en"><p>Equally Armed !!! AR-15, the Modern Musket <a href="http://t.co/GnuhTTkQML">pic.twitter.com/GnuhTTkQML</a></p>&mdash; John Sykes (@johnsykes1035) <a href="https://twitter.com/johnsykes1035/statuses/452098680607490048">April 4, 2014</a></blockquote></div> 

但後來它只是停留被困DIV中。

那麼,當你重新初始化tinyMCE與這個內容進行編輯時,如何能夠逃脫blockquote?

我需要客戶端友好的解決方案。

謝謝

+0

天哪,你說得對!這是一個小提琴:http://fiddle.tinymce.com/Baeaab –

回答

1

命中進入了幾聲,然後選擇paragraph格式。

https://dl.dropboxusercontent.com/u/67589325/blockquote.png


編輯更正確,你不應該選擇paragraph格式,但取消選擇格式。對於光標位於blockquote上方的情況,取消選擇格式是一種解決方案。


這是一個解決方案,雖然技術上不是最理想的,但它的確有用。

與值初始化編輯器:

<p></p><blockquote>tweet tweet tweet</blockquote><p></p> 
+0

感謝您的幫助。但是這有一些問題。 1)它不能用於上面的段落(它不斷地在塊內引入p)2)它不是客戶端友好的......大多數人都知道點擊輸入可以得到一個新的段落 - 他們不知道什麼是blockquote和divs以及如何使用它們。我想我應該補充說,我的操作 - 我需要客戶友好的解決方案。 –

+0

啊,我認爲這是供你自己使用的。我需要幾分鐘時間去實際工作。 –

+0

:)如果只是我,我會直接在html上做,並保存我自己的頭痛。謝謝你。 –