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

Question

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

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

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

和

修改以下文件中的一行以包含searchreplace、打印插件

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

plugins：“复合链接，复合表格，复合图像，复合渲染，复合plugins，复合字段，复合文本，粘贴，列表，搜索替换，打印”，

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

前端/Config/VisualEditor/common.xml

谢谢，阿吉斯

Answer 1

设法获得文本颜色，背景颜色，字体系列，字体大小，并在复合C1编辑器中运行。

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

将Website\Composite\content\misc\editors\visualeditor\tiny_mce\themes\advanced中除Website\Composite\content\misc\editors\visualeditor\visualeditor.js和editor_template_src.js之外的所有文件和文件夹复制到您的Website\Composite\content\misc\editors\visualeditor\tiny_mce\themes\composite文件夹中。

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

theme_advanced_buttons2：‘默认’，theme_advanced_buttons1：“前景色，背景色，字体选择，字体大小选择”，皮肤：""，

要查看完整的选项列表，请访问TinyMCE link并转到View Source。

您可能还希望在plugins:行中包含inlinepopups，以便正确呈现弹出窗口。任何额外的插件，如插入日期时间，媒体，打印，搜索替换，等也可以包括在同一行。

• 要包括插件，如插入日期时间，媒体，打印，搜索替换在现有的工具栏行，编辑Website\Composite\content\misc\editors\visualeditor\includes\toolbarsimple.inc文件和包括各自的标签包含命令。例如。

• Copy }/wysiwygeditor/search.png”isdisabled="false“/> 编辑器并将代码从toolbarbutton文件合并到e123Website\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.

祝你好运。

阿吉特

Answer 2

使用复合C1，您需要使用CSS类进行样式设置(如字体、字体大小、颜色和表格相关样式)，并使这些类可供最终用户使用。

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

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