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

Question

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

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

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

和

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

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

插件:“compositelink、compositetable、compositeimage、compositerendering、compositecharmap、compositefield、compositetext、粘贴、列表、搜索替换、打印”，

类似地，有什么方法可以启用 Tinymce 的内置功能，即可视化编辑器工具栏中的文本颜色、字体大小、字体系列、表格、行、列，而无需通过编辑此文件来完成样式更改

前端/Config/VisualEditor/common.xml

谢谢 阿吉斯

Answer 1

设法获取文本颜色、背景颜色、字体系列、字体大小并在 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\composite 文件夹。

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

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

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

  您可能还需要在 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\theme\composite\skins\default\ui.css 文件并修改 .defaultSkin iframe css 以指定适当的高度或溢出滚动。

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

祝你好运..

阿吉斯