Question

如何在Visual Editor的工具栏中启用Tinymce的文本颜色插件？

通过编辑此文件

，我能够在Visual Editor中启用打印，搜索和替换插件

复合/内容/杂项/编辑/可视化编辑器/包括/ toolbarsimple.inc

和

修改下面文件中的一行以包含searchreplace，print plugins

复合/内容/杂项/编辑/可视化编辑器/ visualeditor.js

插件：“compositelink，compositetable，compositeimage，compositerendering，compositecharmap，compositefield，compositetext，paste，lists，searchreplace，print”，

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

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

由于阿吉特

Answer 1

管理以获取文本颜色，背景颜色，字体系列，字体大小并在Composite C1编辑器中运行。

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

将所有文件和文件夹从网站\ Composite \ content \ misc \ editors \ visualeditor \ tiny_mce \ themes \ advanced 复制到您的网站\复合中除了editor_template.js和editor_template_src.js \ content \ misc \ editors \ visualeditor \ tiny_mce \ themes \ composite 文件夹。
编辑文件网站\ Composite \ content \ misc \ editors \ visualeditor \ visualeditor.js ，并在配置部分中包含以下行。
```
skin: 'default',
theme_advanced_buttons1: "forecolor,backcolor,fontselect,fontsizeselect",
theme_advanced_buttons2: "",
```
有关选项的完整列表，请访问TinyMCE link并转到查看来源。

您可能还希望在插件行中包含 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>

将网站\ 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);
```
可能存在一些问题，即无法在编辑器中查看大型内容的整个内容，要解决此问题，请编辑网站\ Composite \ content \ misc \ editors \ visualeditor \ tiny_mce \ themes \ composite \ skins \ default \ ui.css 文件并修改 .defaultSkin iframe css以指定正确的高度或溢出滚动。

要在工具栏中添加更多功能，只需修改 theme_advanced_buttons1 。

祝你好运..

阿吉特

Answer 2

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

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

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

在Visual Editor的工具栏中启用Tinymce的文本颜色插件

2 个答案: