【问题标题】:Inserting Div element into TinyMCE in the same line with other text inside将 Div 元素插入到 TinyMCE 的同一行中,其中包含其他文本
【发布时间】:2012-11-20 10:31:43
【问题描述】:

我试图在 tinyMCE 编辑器中插入一个 div 元素,但每次我插入一个元素时,它都会插入到单独的行中! 我想要的是在已经存在的文本中插入 div 内联! 有人可以帮忙吗?

P.S:文本直接包含在编辑器的正文中(我已经消除了 p 元素)

谢谢

【问题讨论】:

    标签: html tinymce execcommand


    【解决方案1】:

    Tinymce 需要这些根元素才能对文本行进行样式设置。 有几种方法可以消除 onSubmit 上不需要的标签,但这取决于用例。

    【讨论】:

    • 也许我没有清楚地解释我的问题!我需要插入带有标签的 div!但我需要它与现有文本内联!这可能吗?
    • 你能告诉我你想要什么的确切示例 htlm 代码吗? (可能有办法)
    • $('.droppable').droppable({ accept: '.draggable', drop: function (ev, ui) { var textVal = $(ui.draggable[0]).clone( ); textVal[0].innerHTML = "{" + textVal[0].innerHTML + "}"; tinymce.activeEditor.execCommand('mceInsertContent', false, textVal[0].outerHTML); } });如您所见,我正在尝试插入整个删除的 div 以包含它的类!这可能吗?
    • @Thariama 当我插入诸如 tinymce.activeEditor.execCommand('mceInsertContent', false, <div class="tme-vimeo-wrapper"><iframe src=${returnedVideoUrl} width="100%" height="auto" frameborder="0" allowfullscreen="allowfullscreen"></iframe></div>) 之类的 div 元素时,下一行始终是 div 而不再是 p 标签,知道为什么会这样是?
    • 是的,因为您可能会在 div 中插入 ENTER,这将在编辑器中创建一个此类新元素。你把什么元素设置为 blook_root?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-01-25
    • 2021-04-04
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多