修改MOSS多行文本编辑器(RTF)样式的经过

早上的时候,想接着昨天的活把网站上那个多行文本编辑的宽度加宽。但是,脑子里一团浆糊,摆脱不了昨天的一些错误想法的惯性。昨天夜晚走的时候还是在想着改变样式来改变那个RTE编辑框的尺寸很是让我纠结。但是,内心有一种暗示,那是可以做到的,只是我还没有发现方法。在这样的一种意志驱动下,我尝试这在网页上看源码,发现那个以静态页面显示的textareaname属性和id属性是一串不知所谓的字母与数字与下划线的组合,有点价值的算是那个class属性值”ms-long”。我试着在静态页面上加样式来改变textarea的宽度,发现静态页面是有效的。终于又有了一点往下做的勇气,于是我找到母版页User_BlueBand.master<body></body>间加上如下的样式:

<style>

         .ms-long{

                  Width:600px;

}

</style>

运行看效果,很失望,没有效果!

不要灰心,试着在页面EditForm.aspx页面中的<Content>中添加上面的代码,还是没有效果。心情有点烦躁起来。不过有点宁人欣慰的是在母版页中修改是没有代码提示ms-long这个属性,但是在EditForm.aspx这个页面上却是有的。

         我接着在Google上找关键字为moss使用RTF编辑器的相关文章,还真是不错,有相关的不用多行文版编辑而介绍直接在页面上使用MOSS自带的RichTextEditor控件的文章。其中首先提到的是要引用到几个公共的CSS文件和JS文件:

<link rel="stylesheet" type="text/css" href="/_layouts/2052/styles/core.css?rev=XygLPcJn29Jca2z%2BY5dhJg%3D%3D"/>
<script type="text/javascript" language="javascript" src="/_layouts/2052/init.js?rev=TM1Msc%2Fl%2BXA2XeDqqb5Kxg%3D%3D"></script>
<script type="text/javascript" language="javascript" src="/_layouts/2052/core.js?rev=oOYctOq3H5IaEOyxwORXzw%3D%3D" defer></script>
<script type="text/javascript" language="javascript" src="/_layouts/portal.js?rev=cRI8b5r5N%2BkLhIuWR03ICg%3D%3D"></script>
<script type="text/javascript" language="javascript" src="/_layouts/2052/ie55up.js?rev=Ni7%2Fj2ZV%2FzCvd09XYSSWvA%3D%3D"></script>
<script type="text/javascript" language="javascript" src="/_layouts/2052/form.js?rev=6SC%2FzbjAV4FBM2lpYMMhtQ%3D%3D"></script>
<script type="text/javascript" language="javascript" src="/_layouts/2052/SpellCheckEntirePage.js?rev=fTgS1Hx3qAogZoY4h%2FsaPg%3D%3D"></script>
<script type="text/javascript" language="javascript" src="/_layouts/Serialize.js?rev=yoPAvZ5aIeY93U62X8ie%2FQ%3D%3D"></script>

以上用到的文件core.cssinit.jsportal.jscore.jsie55up.jsform.jsSpellCheckEntirePage.jsSerialize.js还是挺眼熟的。昨天我主要是想将系统自带的RTE编辑器给替换为RadEditorMOSS编辑器,虽然部署成功了,但是不能更进一步实现如何替换掉现有的编辑器。其中有找到资料,就是多文本在调用编辑器时会调用一个Form.js里面的RTE_ConvertTextAreaToRichEdit的函数,要替换就需要改写这个函数来实现,显然我还没有达到那种功力,暂时将就用一下自带的这个吧。虽然没有成功,但是还是有一点收获的,我顺便知道了这些个文件对应的映射地址是/_layouts/2052/,而实际的文件路径是X:/Program Files/Comman Files/Microsoft Shared/Web Server Extension/12/template/layouts/2052。于是,我很快地找到了这些文件。因为用文章中提到的修改编辑器宽度的地方只是提到了ms-long这个值,我先试着从CORE.css来找。果然,CORE.css里面有那么一个值,而且只有宽度,我修改了这个值,看运行效果,果然那个编辑器的工具栏发生了改变,继续往下看,还有个ms-rtelong的,把那个宽度也修改了。OK,达到预定的目标了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值