如何在Ajax Html编辑器中添加Html表？ [英] How Do I Add Html Table In Ajax Html Editor?

问题描述

如何在ajax html编辑器中添加html表。我已经在编辑器中成功编辑了字体和字体大小，但是当我尝试在编辑器中添加html表时，我碰到了一堵砖墙。

这里是一个示例代码代码，直到现在为止...不成功...

这是html：

how do i add html tables in ajax html editor. i ve successfully edited fonts and fonts size in the editor but i ve hit a brick wall when i tried adding html table in the editor.
here is a sample code code of how m doing till now.. unsuccessfully...
This is the html :

<HTMLEditor:Editor runat="server" Id="editor" Height="300px" AutoFocus="true" Width="675px" />
              <input type="button" value="Insert html table" onclick="insertTable();" />          

这是脚本：

and this is the script :

<script type="text/JavaScript">
    function insertTable() {
        var ee = $find("<%= editor.ClientID %>");
        var editPanel = ee.get_editPanel();
        var designMode = AjaxControlToolkit.HTMLEditor.ActiveModeType.Design;
        if (editPanel.get_activeMode() == designMode) {
            var designPanel = editPanel.get_modePanels()[designMode];
            designPanel.insertHTML("<table><tr><td></td></tr></table>");
        }
    }
</script>

任何人都可以告诉我做错了什么或如果完全错误的话。！

谢谢： - ）

can anyone tell me what m doing wrong or if m completely wrong.!
thank you:-)

推荐答案

find（ <％= editor.ClientID％>）;
var editPanel = ee.get_editPanel（）;
var designMode = AjaxControlToolkit.HTMLEditor.ActiveModeType.Design;
if （editPanel.get_activeMode（）== designMode）{
var designPanel = editPanel.get_modePanels（）[designMode];
designPanel.insertHTML（ < table>< tr>< td>< / td> < / TR>< /表>）;
}
}
< / script >

find("<%= editor.ClientID %>"); var editPanel = ee.get_editPanel(); var designMode = AjaxControlToolkit.HTMLEditor.ActiveModeType.Design; if (editPanel.get_activeMode() == designMode) { var designPanel = editPanel.get_modePanels()[designMode]; designPanel.insertHTML("<table><tr><td></td></tr></table>"); } } </script>

任何人都可以告诉我做错了什么或如果完全错误的话。！

谢谢： - ）

can anyone tell me what m doing wrong or if m completely wrong.!
thank you:-)

最后，我找到了解决方案。试试如下。

Finally, I found the solution. Try like below.

function insertTable() {
    var ee =

find（ < ％= editor.ClientID％>）;
ee.set_content（ < table>< tr>< td>< / td> < / TR>< /表>）;
}

find("<%= editor.ClientID %>"); ee.set_content("<table><tr><td></td></tr></table>"); }

这篇关于如何在Ajax Html编辑器中添加Html表？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！