Question

RadEditor版本7.3.3.0

我正在使用telerik的radeditor提供编辑选项来创建和修改电子邮件。

编辑器内容以<tr>和<td>格式创建。每个td都可以有div和其他dom。

在我们看来，当在firefox中完成编辑时，为wyswyg编辑器中的所有div提供了调整大小选项。而在其他浏览器中却没有。如何禁用firefox的大小调整选项。

在Firefox中：

enter image description here

在Chrome中

enter image description here

Answer 1

这来自浏览器的富文本编辑引擎，我认为你不能阻止它。

尝试在简单的可编辑iframe中添加相同的HTML以进行测试。这是一个简单的页面，您可以使用它：

<body onload="SetEditable()">
<b>Set your original HTML content here:</b><br />
<textarea id="htmlArea" style="width: 783px; height: 189px"></textarea>
<br />
<input type="button" onclick="CreateHtml();return false;" value="Set Content in the IFRAME">
<br />

<b>Editable IFRAME element:</b>
<br />
<iframe
src="javascript:void(0)"
id="editor" style="width: 774px; height: 489px;border: 3px solid red;"></iframe>
<input type="button" onclick="ShowIFRAMEHTML();return false;" value="Show IFRAME HTML">
<br />

<b>HTML Mode of the IFRAME:</b>
<br />
<textarea id="htmlMode" style="width: 783px; height: 313px"></textarea>


    <script type="text/javascript">
var editor1 = document.getElementById("editor"); //reference to the IFRAME element
var htmlArea1 = document.getElementById("htmlArea"); //reference to the HTML area in which we put the content
var htmlMode = document.getElementById("htmlMode"); //reference to the HTML area that displays the IFRAME content
var oDocument = editor1.contentWindow.document;

var sMarkup = "<html><head><title>New Document</title></head>" + 
              "<body contenteditable=true style='overflow:scroll;margin:0px;padding:0px;height:100%'>" + 
              "&nbsp;</body></html>";

function SetEditable()
{
    oDocument.open();
    oDocument.write(sMarkup);
    oDocument.close();      
    oDocument["designMode"] = "on";     
}
function CreateHtml()
{
    oDocument.body.innerHTML = htmlArea1.value;
    htmlMode.value = oDocument.body.innerHTML;
}
function ShowIFRAMEHTML()
{
    alert(oDocument.body.innerHTML);
}

</script>

在Radeditor（WYSIWYG）中禁用div的Resize选项

1 个答案: