日期:2014-05-18  浏览次数:20488 次

通过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";
}