在 plone 自定义页面中手动渲染富文本小部件

Question

我有一个针对我的敏捷内容类型的自定义编辑（浏览器页面）。在模板中，我使用 Bootstrap 定义了一个表单，并为表单行为添加了一些 Angular JS 代码。这是工作。 :)

我需要用富文本小部件替换一个简单的文本区域。那么如何在我的模板中呈现富文本小部件（通常用于灵巧的小部件）？

Answer 1

如果您使用Mockup（不确定是否有人在 Plone 4 上使用它），您可以在此处找到提示：Obtaining the "default" mockup TinyMCE configuration on Plone 5

否则（TinyMCE 的 Plone 4.3 版本）只是 CSS 类和配置的问题。

 <textarea name="..."
     class="pat-tinymce mce_editable"
     data-mce-config JSONCONFIGURATION_HERE">
 </textarea>

我有一个插件可以在简单表单上启用 TinyMCE；查看cose找到如何获取JSON配置：见rt.zptformfield。

我还有一篇关于我在那里使用的方法的博文，但它是意大利语的 :-) - http://blog.redturtle.it/usare-widget-plone-in-semplici-template-html

Answer 2

在 textarea 上应用 mceEditor 类就足够了。

如果这不起作用，请在模板中包含初始化：

tinyMCE.init({
    elements : "id-of-textarea",
});