Question

在tinyMCE编辑器中，我自动输入的文本包含<p>，这很好。我只想为<p>添加一个类。

注意：我不想为所有p元素添加一个类，只是用户点击并开始输入的元素。

任何帮助都非常感激。

Answer 1

您应该使用tinymce javascript API来实现此目的：

editor = tinymce.get('your_editor_id');
$(editor.selection.getNode()).parents('p:first').addClass('your_class');

这是一个非jquery解决方案：

editor = tinymce.get('your_editor_id');
editor.selection.getNode().closest("p:first").setAttribute("class", "your_class");

Answer 2

试试这个：

var tmceIframe = $(".mceIframeContainer iframe")[0].contentDocument || $(".mceIframeContainer iframe")[0].contentWindow.document;

$(tmceIframe).find("p").addClass("test")

或作为一行：

$($("iframe")[0].contentDocument || $("iframe")[0].contentWindow.document).find("p").addClass("test")

在第二个例子中我通过直接转到iframe来缩短它，但是，如果你在页面上有多个iframe，这可能是一个问题，你可能想要使用元素id来指定，就像在包装

tinyMCE将类添加到自动<p>标记</p>

2 个答案: