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

Question

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

通过编辑此文件,我能够在Visual Editor中启用打印,搜索和替换插件

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

和

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

复合/内容/其它/编辑/可视化编辑器/ visualeditor.js

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

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

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

谢谢Ajith

Answer 1

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

为了其他人的利益,请列出以下步骤.

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

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

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

  有关选项的完整列表,请访问TinyMCE链接并转至查看源.

  您可能还希望在插件中包含inlinepopup : line以正确呈现弹出窗口.任何其他插件,如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);
  

• 可能存在一些问题,即无法在编辑器中查看大内容的整个内容,要修复此问题,请编辑网站\ Composite\content\misc\editors\visualeditor\tiny_mce\themes\composite\skins\default\ui .css文件并修改.defaultSkin iframe css以指定正确的高度或溢出滚动.

要在工具栏中包含更多功能,只需编辑theme_advanced_buttons1即可.

祝好运..

阿吉特