为什么我把文本编辑器从一个div中移动到另一个div就输入不了。

主题: 为什么我把文本编辑器从一个div中移动到另一个div就输入不了。

作者: koeltp, 发布日期: 2013-03-01 15:22:38, 浏览数: 2680

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication2._Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="Scripts/kindeditor-4.1.2/kindeditor-min.js" type="text/javascript"></script>
    <script type="text/javascript">
        KindEditor.ready(function (K) {
            K.each({
                'plug-align': {
                    name: '对齐方式',
                    method: {
                        'justifyleft': '左对齐',
                        'justifycenter': '居中对齐',
                        'justifyright': '右对齐'
                    }
                },
                'plug-order': {
                    name: '编号',
                    method: {
                        'insertorderedlist': '数字编号',
                        'insertunorderedlist': '项目编号'
                    }
                },
                'plug-indent': {
                    name: '缩进',
                    method: {
                        'indent': '向右缩进',
                        'outdent': '向左缩进'
                    }
                }
            }, function (pluginName, pluginData) {
                var lang = {};
                lang[pluginName] = pluginData.name;
                KindEditor.lang(lang);
                KindEditor.plugin(pluginName, function (K) {
                    var self = this;
                    self.clickToolbar(pluginName, function () {
                        var menu = self.createMenu({
                            name: pluginName,
                            width: pluginData.width || 100
                        });
                        K.each(pluginData.method, function (i, v) {
                            menu.addItem({
                                title: v,
                                checked: false,
                                iconClass: pluginName + '-' + i,
                                click: function () {
                                    self.exec(i).hideMenu();
                                }
                            });
                        })
                    });
                });
            });
            K.create('#contentqq', {
                themeType: 'qq',
                items: [
						'bold', 'italic', 'underline', 'fontname', 'fontsize', 'forecolor', 'hilitecolor', 'plug-align', 'plug-order', 'plug-indent', 'link'
					]
            });
        });

        $(function () {
            $("#btnShow").click(function () {
                var entireEditor = $("#hiddenEditor").html();
                $("#hiddenEditor").remove();
                $("#showEditor").html(entireEditor);

            });
        });
    </script>
</head>
<body>
    <div id="hiddenEditor">
        <div id="entireEditor">
            <input type="text" />
            <textarea id="contentqq" name="content" style="width: 500px; height: 200px; visibility: hidden;"></textarea>
        </div>
    </div>
    <input id="btnShow" type="button" value="Show" />
    <p>
        文本编辑器将显示在这下面。</p>
    <div id="showEditor">
    </div>
</body>
</html>

作者: 小浪子, 发布日期: 2013-03-01 15:29:44

没见过你这样用的。也不知道。就这。。

论坛 Forum