为zblog FCKeditor编辑器添加设置字体格式h1 h2功能

FCKeditor编辑器能满足基本的文章编辑要求,且使用起来并不复杂,所以FCKeditor的用户比较多,例如dedecms的编辑器便是FCKeditor,zblog的默认编辑器也是FCKeditor,不过用了dedecms的编辑器才知道,zblog的编辑器像是阉割版的FCKeditor,因为工具条上有许多标签都没有显示,例如字体格式、锚链接等等。本文讲的便是如何为zblog FCKeditor编辑器添加字体格式。

字体格式是什么?

如果你还不了解何谓字体格式,那么你总听说过h1、h2、h3...这些标签吧,这就是字体格式。下面图示便是字体格式列表。

字体格式

文章字体格式的要求是什么?

一篇条理清晰的文章,字体格式是不可忽视的。字体格式不但使文章在排版上更加清晰易读,对文章的SEO也有一定的帮助。

那么文章字体格式的要求是什么呢?这就要明白h1、h2、h3的使用原则了。

在一个网页中可以适当使用h1 h2 h3 h4标签,有利于网页的重点部分突出,同时也利于搜索引擎排名,但切记滥用多用H1 H2 H3 H4标签,适当使用即可,一切从用户体验出发来使用。H1在一个网页中最好只使用一次,如对一个网页唯一标题使用。H2、H3、H4标签则可以在一个网页中多次出现,但切勿随意添加或添加过度。

h1 — 大标题,放置于首页顶部区域,通常即导航以上的部分,全站通用,用来诠释整个网站的内容,应包含网站主关键字,但切忌不要进行关键字堆砌。最好是在网页源代码的body标签一开始的第一个容器中第一行出现。且保证一个页面中只出现一次。

h2 — 副标题,每个页面出现的次数以1-3次为宜。据经验,文章/产品内页使用h2标签效果显著。

h3— 小标题,一般用于栏目的名称。至于h3的使用次数,没有明确的规定,大家用到该用的地方就行。刚才说道h2适用于文章内页的文章标题上,那么h3通常用到文章的分段标题上。

为zblog FCKeditor编辑器添加字体格式

编辑文章时,字体格式的使用率是相当高的,zblog FCKeditor编辑器工具条上默认情况下没有字体格式,下面介绍如何添加上去。

首先,用记事本打开文件

\ADMIN\FCKeditor\fckconfig.js

然后,找到

FCKConfig.ToolbarSets["Default"] = [
...
];

添加‘FontFormat‘,如下

FCKConfig.ToolbarSets["Default"] = [
 [‘Source‘,‘FontFormat‘,‘FontName‘,‘FontSize‘],
 [‘TextColor‘,‘BGColor‘],
 [‘Image‘,‘Media‘,‘Flash‘,‘Table‘,‘Smiley‘,‘SpecialChar‘],
 [‘ShowBlocks‘,‘Preview‘,‘FitWindow‘],
 ‘/‘,
 [‘PasteText‘,‘Templates‘,‘Find‘,‘RemoveFormat‘],
 [‘Undo‘,‘Redo‘],
 [‘-‘,‘Bold‘,‘Italic‘,‘Underline‘,‘StrikeThrough‘],
 [‘OrderedList‘,‘UnorderedList‘,‘-‘,‘Outdent‘,‘Indent‘,‘Blockquote‘],
 [‘JustifyLeft‘,‘JustifyCenter‘,‘JustifyRight‘],
 [‘Link‘,‘Unlink‘,‘Rule‘],
 [‘Subscript‘,‘Superscript‘]  // No comma for the last row.
] ;

保存文件。

这样,编辑器上便出现了字体格式的菜单。

字体格式功能

时间: 2024-10-21 14:48:11

为zblog FCKeditor编辑器添加设置字体格式h1 h2功能的相关文章

Ueditor百度富文本编辑器添加h5手机端预览功能

一.需求分析 项目中用到富文本编辑器的地方很多,富文本编辑器一般都是在pc后台上,因为前端是手机端,因此每次再富文本编辑内容保存以后,在手机端展示的样式和我们在富文本中编辑的不太一样,因此就需要在编写完内容之后可以模拟手机端进行预览一下,但是后端用富文本编辑器的地方比较多,不适合在每个页面进行开发,因此做成插件功能放入ueditor之中的方式改动的代价比较小. 首先看下效果 二.代码 先在ueditor.css中添加按钮样式图片: 路径:ueditor\themes\default\css\ue

【JS获取与设置】FCKeditor编辑器的值

// 获取编辑器中HTML内容 function getEditorHTMLContents(EditorName) {     var oEditor = FCKeditorAPI.GetInstance(EditorName);     return(oEditor.GetXHTML(true)); } // 获取编辑器中文字内容 function getEditorTextContents(EditorName) {     var oEditor = FCKeditorAPI.GetIn

20160118UILabel 设置.tff格式字体

1.将下载的.tff文件导入文件并且导入工程 如果导入的时候没有导入工程,手动配置 project->build phases->copyBundleResources里面添加导入的字体 2.到plist文件中修改配置 3,在mac中打开字体,显示的标题为字体名字 4.如何计算字符串的长宽 1.确定容器的大小 a.width或者height一方固定 b.变化的一方变量一定要足够大 2.确定计算的font, 3.调用boundingRectWithSize NSString *str [emai

pyqt学习之设置字体,字号等格式属性(网友提供)

# -*- coding: utf-8 -*- from PyQt4.QtGui import * from PyQt4.QtCore import * import sys QTextCodec.setCodecForTr(QTextCodec.codecForName("utf8")) class MainWindow(QMainWindow): def __init__(self,parent=None): super(MainWindow,self).__init__(pare

第17章 文本和字体_17.5 设置段落格式

17.5 设置段落格式 17.5.1 设置简单的文本格式 (1)对齐方式及起始坐标:设字符串的长度为size.cx 对齐方式 文本输出的起始位置(设输出框左右边界分别为xLeft.XRight) 左对齐 xStart =xLeft; 右对齐 xStart = xRight – size.cx 中间对齐 xStart = (xLeft + xRight –size.cx) /2 两端对齐 xStart = xLeft,但要调用SetTextJustification进行调整 (2)两个重要函数 ①

rTextarea函数,FCKEditor编辑器在轻开平台中的使用例子三

引入fckeditor编辑器入口文件(跟前边的例子一样) <chtml file="editors/fckeditor/fckeditor.htm" /> 用户会话临时设置 <if x="@{session:user_id}"> <session><we name=user_id>0</we></session> </if> 表单部分 <form id="Edoit_

在c#中设置Excel格式

生成excel的时候有时候需要设置单元格的一些属性,可以参考一下: 1 range.NumberFormatLocal = "@"; //设置单元格格式为文本 2 ange.get_Range("B1","B"+dataGridView2.RowCount+1).NumberFormat = "yyyy-m-d hh:mm:ss"; //时间格式的设置 3 range = (Range)worksheet.get_Range(

linux BASH shell下设置字体及背景颜色

BASH shell下设置字体及背景颜色 echo -e "\e[31mtest\e[41m" \e[30m 将字符的显示颜色改为黑色 \e[31m 将字符的显示颜色改为红色 \e[32m 将字符的显示颜色改为绿色 \e[33m 将字符的显示颜色改为淡红色 \e[34m 将字符的显示颜色改为蓝色 \e[35m 将字符的显示颜色改为紫色 \e[36m 将字符的显示颜色改为淡蓝色 \e[37m 将字符的显示颜色改为灰色 \e[40m -- \e[47m 设置背景色 \e[40m 将背景色设

怎么编辑PDF文字 设置文本格式

很多人都认为PDF文件是不能直接编辑的,需要转换成word或者其他文档后才能进行编辑操作.其实有些文字类型的PDF文件是可以进行编辑修改的,通过对应的编辑工具就能对PDF文档进行正常的编辑操作. 首先不要用阅读器来打开需要修改的PDF文件,而是通过编辑器打开,没有可以先进行安装,打开PDF编辑器后,通过打开按钮或是直接将 PDF文件拖到编辑器中打开. 编辑修改页面文字--编辑修改页面中的内容,点击编辑内容工具,页面中的文本框会显示出来,可点击进入对应的文本框中修改编辑里面的文字.文本框可以自由拖