当前位置：文江博客话题详情

在 N2 cms 文本编辑器中更改颜色的能力

发布于 2024-11-06 18:45:20 字数 87 浏览 5 评论 0原文

我正在使用 N2 cms，这确实是一项工作，我希望能够在 Html 文本编辑器中更改文本颜色，它拥有除此之外所需的所有内容。

这容易做到吗？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

鹊巢 2024-11-13 18:45:20

转到你的 css 文件，放置一个带有颜色属性的类。然后转到 Html 文本编辑器并引用此类。这是一些代码。

在样式表中：

   .textColor
   {
       color:Red;
   }

在 Html 文本编辑器中：

 <h1 class="textColor"> the text is in red</h1>

编辑

最佳方法

您可以通过将以下代码放入 Web.config/n2/edit 标记来启用tinyMCE 上的前景色

 <tinyMCE enabled="true">
        <settings> 
          <add key="theme_advanced_buttons1" value="bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect,fontselect,fontsizeselect"/>
          <add key="theme_advanced_buttons2" value="cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor"/>
          <add key="extended_valid_elements" value="hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style],pre[class],code[class],iframe[src|name|class|style|frameborder]"/>
          <add key="theme_advanced_disable" value="help,paste,emotions,iespell,styleprops"/>
          <add key="relative_urls" value="true"/>
          <add key="apply_source_formatting" value="true"/>
        </settings>
      </tinyMCE>

Go to your css file, put a class with color attribute. Then go to the Html Text Editor and refer to this class. This is some code.

In your stylesheet :

   .textColor
   {
       color:Red;
   }

In the Html Text Editor :

 <h1 class="textColor"> the text is in red</h1>

Edit

Best Method

You can enable the forecolor on tinyMCE by putting the following code in Web.config/n2/edit tag

 <tinyMCE enabled="true">
        <settings> 
          <add key="theme_advanced_buttons1" value="bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,formatselect,fontselect,fontsizeselect"/>
          <add key="theme_advanced_buttons2" value="cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor"/>
          <add key="extended_valid_elements" value="hr[class|width|size|noshade],font[face|size|color|style],span[class|align|style],pre[class],code[class],iframe[src|name|class|style|frameborder]"/>
          <add key="theme_advanced_disable" value="help,paste,emotions,iespell,styleprops"/>
          <add key="relative_urls" value="true"/>
          <add key="apply_source_formatting" value="true"/>
        </settings>
      </tinyMCE>

回复收藏 0 原文

~没有更多了~