当前位置: 代码迷 >> ASP.NET >> 通过JS+CSS改变被富文本框编辑出来的字体大小疑点
  详细解决方案

通过JS+CSS改变被富文本框编辑出来的字体大小疑点

热度:6862   发布时间:2013-02-25 00:00:00.0
通过JS+CSS改变被富文本框编辑出来的字体大小问题
HTML code
<span id="lblContent" class="content">重庆联通116114</span>字号:<span                 style="cursor:pointer;" onclick="document.getElementById('lblContent').style.fontSize=14;">T</span>            | <span  style="font-size: 18px;cursor:pointer;" onclick="document.getElementById('lblContent').style.fontSize=16;">

普通textarea里编辑的内容没问题,但是用富文本编辑器,编辑出的文字里面会有标签定位格式。
如:
HTML code
<span id="lblContent" class="content"><p style="text-align: left; margin-left: 40px"><span style="color: #0000ff"><b><big><span style="font-size: larger">新表新数据导入失败主要原因:</span></big></b></span></p><ol>    <li><big><span style="font-size: larger">表头改变导致读取不到数据,必须严格按照以前表头导入。</span></big></li>    <li><big><span style="font-size: larger">工作表名称,必须是Sheet2。</span></big></li>    <li><big><span style="font-size: larger">每列的数据类型必须严谨。如:文本、数字类型、时间类型。</span></big></li></ol><p><big><span style="font-size: larger">再次温馨提醒:</span></big></p><ul>    <li><big><span style="font-size: larger">必须严格按照规定,用自己工号登录系统,否则数据会出现数据不一致、不完整。</span></big></li>    <li><big><span style="font-size: larger">多张图片用 </span><span style="color: #ff0000"><span style="font-size: larger">&ldquo;英文逗号隔开&rdquo;<font color="#000000">。</font></span></span></big></li>    <li><big><span style="color: #ff0000"><span style="font-size: larger"><font color="#000000">示例<img alt="" src="http://cqf.023116114.cn/image/admin/demo.jpg" /></font></span></span></big></li></ul></span></span>字号:<span                 style="cursor:pointer;" onclick="document.getElementById('lblContent').style.fontSize=14;">T</span>            | <span  style="font-size: 18px;cursor:pointer;" onclick="document.getElementById('lblContent').style.fontSize=16;">



------解决方案--------------------------------------------------------
function ContentSize(size)
{
var obj=document.getElementById("BodyLabel");
obj.style.fontSize=size+"px";
}