如何在Umbraco中启用tinyMCE来添加具有class属性并包含段落的div？

Question

我需要允许在Umbraco的tinyMCE中添加一个带有class属性的div。我可以添加一个div，但div中的所有内容都只是文本。我需要该文本有一个段落，最后为div添加一个class属性。

Answer 1

要理解你的要求有点难，但我认为这应该有所帮助。

http://our.umbraco.org/wiki/recommendations/recommended-reading-for-content-editors/adding-styles-to-the-tinymce

您基本上可以将样式表与tinyMCE关联，然后为样式下拉列表中添加样式

Answer 2

如果您可以粘贴模板代码，那么我们可以为您提供更多帮助。

您要做的就是打包<umbraco:Item field="aliasOfYourRTE" runat="server" />

使用您想要的div，所以在您的情况下，您的代码将如下所示：

<div class="YOURCLASSNAMEHERE">
  <umbraco:Item field="bodyText" runat="server" />
</div>

插入内容时，umbraco RTE会自动吐出<p> </p>标签。另外，请确保发布节点，以便在前端查看您的内容。

希望这有帮助。

Answer 3

您可以使用

tinymce.activeEditor.execCommand('insertHTML', false, '<div class="section'></div>');

这会将指定的html插入到本地插入符号位置的编辑器中。 请注意，您的valid_elements和valid_children配置设置不会删除您插入的html中的任何内容。

Answer 4

转到“设置” - “样式”。 在数据类型Richtexteditor中使用TinyMCE格式下拉列表的样式打开样式表。 使用Alias div.class添加样式，例如div.alert alert-danger。 如果您然后在段落上单击TinyMCE，然后在格式下拉列表中选择此样式，则段落的格式如下：

<div class="alert alert-danger"> ... </div>

这是你想要做的吗？