WYSIWYG文本格式功能
/*
* myEditor - iframe element
*/
function doFormat(what) {
var cWin = $('#myEditor', window.parent.document)[0].contentWindow;
cWin.$('body').attr({ 'contentEditable': true, 'designMode': 'On'} );
var what = 'justifyright';
cWin.document.execCommand(what, false, arguments[2]);
cWin.$('body').attr({'contentEditable': 'false'} );
return;
}
HTML:
<span id="obj_123" contenteditable="true">
text<br />
moretext<br />
alot of text <br />
</span>
如果单击或突出显示跨度内容的PART(仅在部分选中)和调用函数doFormat(具有任何对齐函数)
结果是:
<span id="obj_123" contenteditable="true">
text<br />
</span>
<div align="right">
<span id="obj_123" contenteditable="true">
moretext<br />
</span>
</div>
<span id="obj_123" contenteditable="true">
alot of text <br />
</span>
预期结果:
<span id="obj_123" contenteditable="true">
text<br />
<div align="right">
moretext<br />
</div>
alot of text <br />
</span>
好像它复制父节点,然后每次格式化时复制它。
其他execCommand调用如粗体/斜体/下划线等可以正常工作。
我很感激有关此主题的任何帮助。 非常感谢你。
编辑: 添加了一个小提琴测试案例 http://jsfiddle.net/n7SgJ/
答案 0 :(得分:1)
只有当富文本包装器是SPAN标记时,才会发生这种情况。如果使用DIV标签,一切都有效。
对此有合理的解释吗?