在TinyMCE中陷入Blockquote

时间:2014-04-04 16:13:51

标签: javascript jquery tinymce tinymce-4

我正试图在TinyMCE的WYSIWYG中嵌入一条推文。当我将内容放在页面上时,html看起来像这样:

<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标签内。

我甚至尝试将它包装成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吗?

我需要客户友好的解决方案。

谢谢

1 个答案:

答案 0 :(得分:1)

点击输入几次,然后选择paragraph格式。

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


修改更准确地说,您不应选择paragraph格式,而是取消选择blockquote格式。对于光标位于blockquote上方的情况,取消选择blockquote格式是一种解决方案。


这是一个解决方案,虽然技术上不是最理想的,但却可以解决问题。

使用值

初始化编辑器
<p></p><blockquote>tweet tweet tweet</blockquote><p></p>