FCKEditor下的行内样式及自定义样式类名称的应用

时间:07-09-28 栏目:网络&技术 作者:wukong 评论:13 点击: 1,915 次

  1. 插入图片:在XHTML中<img>标记必须有alt属性,所以插入图片时最好加上它(插入图片对话框的“替换文本”),图片不能显示的时候可以显示文字。另外,同样根据XHTML标准,不要使用border/align等属性,而把相关样式放在CSS文件中,在插入图片的对话框中,高级页里的样式类名称中填上它应属的class。我的CSS相关设置(从themes/my theme/style.css中抽取):

    .img-right {
            float: right;
            margin: 5px 0px 5px 5px;
        }
        .img-left {
            float: left;
            margin: 5px 5px 5px 0px;
        }

    这样,插入图片时在样式类名称中填上img-right或img-left就可以使图片靠右或靠左了。而FCK的样式下拉列表中有"image on left"和"image on right",是给<img>加align属性,不建议使用。但这样的话,编辑的时候并不显示图片的停靠,解决办法很简单,照第3点讲的,把这CSS代码复制一份到fck_editorarea.css中去。

  2. 设置日志中图片的边框
    (1)、如果你想日志中所有图片都有边框,可以在global.css中添加以下内容:
    .Content-body img{padding:4px;border:1px solid #ccc;margin:2px;background-color: #fff;}
    (2)、如果你只希望日志中的部分图片有边框,请用以下方法:
    ①、使用FCKeditor发表新日志,选择“插入编辑图像”,在弹出的窗口中选择“高级”选项卡,在“行内样式”中添加以下内容:padding:4px;border:1px solid #ccc;margin:2px;background-color: #fff;
    ②、使用UBB代码实现部分图片边框:在ubbcode.asp中的:re.Pattern="([img])(.[^]]*)[/img]" 之前添加如下代码:

    程序代码 程序代码
    re.Pattern="([img=border])(.[^]]*)[/img]"
    Set strMatchs=re.Execute(strContent)
    For Each strMatch in strMatchs
    tmpStr1=checkURL(strMatch.SubMatches(1))
    strContent=replace(strContent,strMatch.Value,"<img src="""&tmpStr1&""" border=""0"" style=""padding:4px;border:1px solid #ccc;margin:2px;background-color: #fff;"" alt=""""/>",1,-1,1)
    Next

    发表时使用[img=border]就可以了。

声明: 本文由( wukong )原创编译,转载请保留链接: FCKEditor下的行内样式及自定义样式类名称的应用

FCKEditor下的行内样式及自定义样式类名称的应用:目前有13 条留言

发表评论

您必须 [ 登录 ] 才能发表留言!

------====== 本站公告 ======------
大家有任何疑问和建议,请到这里留言:点击留言板

读者排行