如何在 Umbraco 中启用 tinyMCE 以添加具有类属性的 div 并包含段落？答案

【问题标题】：How can I enable tinyMCE in Umbraco to add a div with a class attribute and contain a paragraph?如何在 Umbraco 中启用 tinyMCE 以添加具有类属性的 div 并包含段落？
【发布时间】：2012-08-14 15:43:55
【问题描述】：

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

【问题讨论】：

标签： tinymce umbraco

【解决方案1】：

有点难以理解你在问什么，但我认为这应该会有所帮助。

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

您基本上可以将样式表与 tinyMCE 关联，然后向其添加样式，这些样式将出现在样式下拉列表中

【讨论】：

谢谢，对不起我的英语，为什么我想做的是，插入一个名为“section”的类属性的div
你想让 tinyMCE 插入一个类为 section 的 div 吗？
一个类，插入一个带类的div

【解决方案2】：

你可以使用

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

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

【讨论】：

【解决方案3】：

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

你想要做的是包装你的<umbraco:Item field="aliasOfYourRTE" runat="server" />

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

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

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

希望这会有所帮助。

【讨论】：

好吧，我需要这样做，通过 TinyMce (

....
），在模板上的div上插入许多具有class属性的div，如body
哦，所以您希望能够通过 RTE 插入 div？（TinyMCE = RTE“富文本编辑器”）。我以前从未见过的——也许尝试在 umbraco 论坛上发帖？ our.umbraco.org

【解决方案4】：

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

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

这是你想做的吗？

【讨论】：