2

如何在可视化编辑器的工具栏中启用 Tinymce 的文本颜色插件？

通过编辑此文件，我能够在可视化编辑器中启用打印、搜索和替换插件

Composite/content/misc/editors/visualeditor/includes/toolbarsimple.inc

和

修改以下文件中的一行以包含搜索替换、打印插件

Composite/content/misc/editors/visualeditor/visualeditor.js

plugins: "compositelink,compositetable,compositeimage,compositerendering,compositecharmap,compositefield,compositetext,paste,lists,searchreplace,print",

同样，有没有办法在可视化编辑器的工具栏中启用 Tinymce 的内置功能，即文本颜色、字体大小、字体系列、表格、行、列，而无需通过编辑此文件完成的样式进行更改

前端/配置/可视化编辑器/common.xml

谢谢阿吉思

4

2 回答 2

7

设法在 Composite C1 编辑器中启动并运行文本颜色、背景颜色、字体系列、字体大小。

为了他人的利益，列出以下步骤。

  • 将Website\Composite\content\misc\editors\visualeditor\tiny_mce\themes\advanced 除了 editor_template.js 和 editor_template_src.js 的所有文件和文件夹复制到您的Website\Composite\content\misc\editors\visualeditor\tiny_mce\themes\复合文件夹。

  • 编辑文件Website\Composite\content\misc\editors\visualeditor\visualeditor.js并在配置部分包含以下行。

    skin: 'default',
theme_advanced_buttons1: "forecolor,backcolor,fontselect,fontsizeselect",
theme_advanced_buttons2: "",

    有关选项的完整列表，请访问TinyMCE 链接并转到查看源代码。

    您可能还想在plugins:行中包含 inlinepopups以正确呈现弹出窗口。任何其他插件，如insertdatetime、media、print、searchreplace 等也可以包含在同一行中。

  • 要在现有工具栏行中包含 insertdatetime、media、print、searchreplace 等插件，请编辑Website\Composite\content\misc\editors\visualeditor\includes\toolbarsimple.inc文件并包含包含命令的相应标签。例如。

    <ui:toolbargroup>
    <ui:toolbarbutton cmd="mceSearch" tooltip="Search" image="${skin}/wysiwygeditor/search.png" isdisabled="false" />
    <ui:toolbarbutton cmd="mceReplace" tooltip="Replace" image="${skin}/wysiwygeditor/replace.png" isdisabled="false" />
</ui:toolbargroup>

  • 将Website\Composite\content\misc\editors\visualeditor\tiny_mce\themes\advanced\editor_template_src.js文件中的代码复制并合并到Website\Composite\content\misc\editors\visualeditor\tiny_mce\themes\composite\editor_template .js文件。大多数功能都可以照原样复制。只有像renderUI这样常见的需要特别注意。我直接调用了 simpleLayout 函数，而不是在 renderUI 中使用开关

    ic = t._simpleLayout(s, tb, o, p);

  • 无法在编辑器中看到大型内容的全部内容可能存在一些问题，要解决此问题，请编辑Website\Composite\content\misc\editors\visualeditor\tiny_mce\themes\composite\skins\default\ui .css文件并修改.defaultSkin iframe css 以指定适当的高度或溢出滚动。

要在工具栏中包含更多功能，只需编辑theme_advanced_buttons1。

祝你好运..

阿吉特

于 2012-06-23T12:53:07.873 回答
0

使用 Composite C1，您需要使用 CSS 类进行样式设置（如字体、字体大小、颜色和与表格相关的样式），并使这些类对最终用户可用。

前端开发人员在 CSS 中定义所需的类，然后将它们注册到工具栏配置文件中，最终用户可以从中选择样式。Composite C1 不提倡在内容 html 中包含字体标签或样式属性，因此如果这是您真正想要的，则需要对核心 javascript 进行更改。

您可以在此处阅读有关自定义可视化编辑器工具栏的信息http://docs.composite.net/Console/CustomizingVisualEditor。

于 2012-06-01T07:08:11.880 回答