将所见即所得的内容包装在 div 中答案

【问题标题】：Wrapping content from WYSIWYG in div将所见即所得的内容包装在 div 中
【发布时间】：2012-02-16 16:47:27
【问题描述】：

如何将 WYSIWYG (CKEditor) 编写的内容 (HTML) 包装到 div 中。

我有一个变量 ${SomePortlet.journalArticle.description} 例如

<div class="wysiwyg">${SomePortlet.journalArticle.description}</div>

不是解决方案，因为我需要将许多元素包装在不同的 portlet 中。

是否有像“所见即所得编辑器输出包装器”这样的配置选项？谢谢。

【问题讨论】：

您希望它何时被包含在 DIV 中，何时通过 WYSIWYG 编辑器编辑文本，或者何时通过 Web Content Display portlet 实际显示在页面上，或者完全是其他什么？多一点上下文会有帮助。
当它显示在页面上时。
那么你打算如何展示它？通过 Web 内容显示还是通过自定义 portlet？
所以你只想在一个DIV的页面上显示一些通过Liferay WYSIWYG编辑器添加的内容？还是别的什么？
是的，完全正确。在具有类属性的 DIV 中。

【解决方案1】：

要在页面的 div 中显示 Liferay 期刊文章（即您通过 Web Content WYSIWYG 编辑器添加的信息），请使用以下命令：

<div class="yourCSSClass">
    <liferay-ui:journal-article articleId="${youPasstheArticleId}" groupId="${youPasstheGroupId}" />
</div>

这能回答你的问题吗？

【讨论】：