Fckeditor编辑器添加【行间距】

http://www.souab.com/post-218.html

上一篇文章介绍了默认的行高。这篇介绍一下可以调整的行高。

这里我采用的将编辑器中【样式】换成【行距】。

第一,在fckconfig.js里面

FCKConfig.CustomStyles =
{
'Red Title' : { Element : 'h3', Styles : { 'color' : 'Red' } }
};
替换成
FCKConfig.CustomStyles =
{
//mark090522
'12px' : { Element : 'span', Styles : {'line-height' : '12px' } },
'14px' : { Element : 'span', Styles : {'line-height' : '14px' } },
'18px' : { Element : 'span', Styles : {'line-height' : '18px' } },
'22px' : { Element : 'span', Styles : {'line-height' : '22px' } },
'26px' : { Element : 'span', Styles : {'line-height' : '26px' } },
'30px' : { Element : 'span', Styles : {'line-height' : '30px' } },
'36px' : { Element : 'span', Styles : {'line-height' : '36px' } },
'42px' : { Element : 'span', Styles : {'line-height' : '42px' } },
'50px' : { Element : 'span', Styles : {'line-height' : '50px' } },
'64px' : { Element : 'span', Styles : {'line-height' : '64px' } },
'80px' : { Element : 'span', Styles : {'line-height' : '80px' } }
//'Red Title' : { Element : 'h3', Styles : { 'color' : 'Red' } }
//markend
};
第二:在fckstyles.xml里
<Style name="Marker: Yellow" element="span">
   <Style name="background-color" value="Yellow" />
</Style>
<Style name="Marker: Green" element="span">
   <Style name="background-color" value="Lime" />
</Style>

<Style name="Big" element="big" />
<Style name="Small" element="small" />
<Style name="Typewriter" element="tt" />

<Style name="Computer Code" element="code" />
<Style name="Keyboard Phrase" element="kbd" />
<Style name="Sample Text" element="samp" />
<Style name="Variable" element="var" />

<Style name="Deleted Text" element="del" />
<Style name="Inserted Text" element="ins" />

<Style name="Cited Work" element="cite" />
<Style name="Inline Quotation" element="q" />

<Style name="Language: RTL" element="span">
   <Attribute name="dir" value="rtl" />
</Style>
<Style name="Language: LTR" element="span">
   <Attribute name="dir" value="ltr" />
</Style>
<Style name="Language: RTL Strong" element="bdo">
   <Attribute name="dir" value="rtl" />
</Style>
<Style name="Language: LTR Strong" element="bdo">
   <Attribute name="dir" value="ltr" />
</Style>
将上面的代码注释掉
第三:在zh-cn.js
将Style     : "样式",替换成 Style     : "行距",

post by 不懂戀愛魚兒 | 2012年2月18日 | 归档于 [Fckeditor]

FCKeditor编辑器中设置默认文本行高和字体大小

这个行高可以自己设置 找到\editor\css\fck_editorarea.
在 body
{
background-color: #ffffff;
padding: 5px 5px 5px 5px;
margin: 0px;
line-height:150%;
} 中 我加了一行控制line-height:150%; 行边距的就可以了.

如果要改变默认字体大小,可以修改

body, td
{
font-family: Arial, Verdana, sans-serif;
font-size: 14px;
}

post by 不懂戀愛魚兒 | 2012年2月16日 | 归档于 [Fckeditor]

Fckeditor 2.6.3 (ASP版)修改默认分页符的方法

  FCKEDITOR默认的分页符代码虽然在编辑模式下会好看直观一些,但其产生的代码相对来说要臃肿许多,在实际程序开发中,我们往往不需要好看的分页符,而是需要简短的自定义的特殊分页的字符串用来分割文章,因此修改默认的FCKEDITOR分页符代码就显的很必要了。

  具体方法如下:

  在Fckeditor目录中找到fckeditorcode_ie.js文件,然后找到以下这段代码:

var FCKPageBreakCommand=function(){this.Name='PageBreak';};FCKPageBreakCommand.prototype.Execute=function(){FCKUndo.SaveUndoStep();var e=FCK.EditorDocument.createElement('DIV');e.style.pageBreakAfter='always';e.innerHTML='<span style="DISPLAY:none">&nbsp;</span>';var A=FCKDocumentProcessor_CreateFakeImage('FCK__PageBreak',e);var B=new FCKDomRange(FCK.EditorWindow);B.MoveToSelection();var C=B.SplitBlock();B.InsertNode(A);FCK.Events.FireEvent('OnSelectionChange');};

修改为:

var FCKPageBreakCommand=function(){this.Name='PageBreak';};
FCKPageBreakCommand.prototype.Execute=function(){
    FCKUndo.SaveUndoStep();
    var e=FCK.EditorDocument.createElement('div');
    //e.style.pageBreakAfter='always';
    e.innerHTML='$LwpCmsPage$';
    //var A=FCKDocumentProcessor_CreateFakeImage('FCK__PageBreak',e);
    FCK.InsertElement(e);
    var B=new FCKDomRange(FCK.EditorWindow);
    B.MoveToSelection();
    var C=B.SplitBlock();
    //B.InsertNode(A);
    FCK.Events.FireEvent('OnSelectionChange');
    };

刷新不要说没有。关掉浏览器重新打开再试下。OK。

post by 不懂戀愛魚兒 | 2012年2月8日 | 归档于 [Fckeditor]
标签: asp fckeditor

Fckeditor 2.6.3 (ASP版)添加上传附件功能

研究了好久这个功能都不行。今天突然在网上看到一篇文章可以利用fck本身的插入/编辑超链接实现该功能。试了一下。还真是可以。在此感谢这个网友

首先找到fckconfig.js这个文件。一般在根目录下,打开该文件

查找FCKConfig.LinkUpload = false ;如果找不到缩短一点FCKConfig.LinkUpload将其中的false修改为true

然后查找FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/connectors/' + _QuickUploadLanguage + '/upload.' + _QuickUploadExtension;或者FCKConfig.LinkUploadURL

将其修改为

FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/connectors/' + _QuickUploadLanguage + '/upload.' + _QuickUploadExtension + '?Type=File';

现在关闭所有浏览器。然后重新打开转到编辑器页面。再试下是不是可以了?别说你的不行哦。。。

 

阅读全文>>

post by 不懂戀愛魚兒 | 2012年2月3日 | 归档于 [Fckeditor]

Fckeditor 2.6.3 (ASP版) 修改 ——添加上传文件大小限制

(1)定义其允许上传的最大值。

这个是在fckeditor\editor\filemanager\connectors\asp\config.asp中修改的。在文件的最后添加如下代码:

Dim LinkUploadLimit,ImageUploadLimit,FlashUploadLimit,AttachUploadLimit,MediaUploadLimit
Dim LinkUploadMaxsize,ImageUploadMaxsize,FlashUploadMaxsize,AttachUploadMaxsize,MediaUploadMaxsize
'链接文件大小限制
LinkUploadLimit = True
LinkUploadMaxsize = 1024
'图片上传大小限制
ImageUploadLimit = True
ImageUploadMaxsize = 2048
'flash上传大小限制
FlashUploadLimit = True
FlashUploadMaxsize = 2048
'多媒体文件上传大小限制
MediaUploadLimit = True
MediaUploadMaxsize = 2048
'附件上传大小限制
AttachUploadLimit = True
AttachUploadMaxsize = 2048

FckEditor针对不同的上传方式将上传文件分为link,Image,Flash,Media等类型(Attach类型为我添加的),分别对应Fckeditor工具栏上各个按钮的上传,如link对应使用超链接按钮创建超链接时上传的文件。因此这里对每种类型定义了两个变量一个用来设定是否开启上传限制,一个是上传的最大值,单位为k。

阅读全文>>

post by 不懂戀愛魚兒 | 2011年5月1日 | 归档于 [Fckeditor]
标签: asp fckeditor
sitemap ƽ̨