weixin_44983702 2020-09-25 00:19 采纳率: 0%
浏览 242

layer弹出kindEditor无法编辑?

请问下面这段代码怎么改才能让弹出层中使用编辑器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>

    <script src="../../../Frame/Vendor/jquery/jquery-3.5.1.js"></script>
    <script src="../../../Frame/Vendor/layer/layer.js"></script>
    <script charset="utf-8" src="../../../Frame/Vendor/editor/kindeditor-all.js"></script>
    <script charset="utf-8" src="../../../Frame/Vendor/editor/lang/zh-CN.js"></script>

<script>
    var editor_poem;
    KindEditor.ready(function(K) {
      editor_poem = K.create('textarea', {

      allowImageUpload : false,
      width : '480px',
      height: '320px',
      items : [
         'formatblock','fontname', 'fontsize', 'preview','quickformat','|', 'forecolor', 'hilitecolor', 'bold', 'italic',
        'underline', 'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright',
        'insertorderedlist', 'insertunorderedlist', '|', 'emoticons']

      });
    });
</script> 



</head>
<body>
    <div class="row">
    <div class="col-md-6">
        <div class="form-group PadTB10">
            <label class="LabelW150">经费来源总计(元)</label>

            <!-- <textarea readonly="readonly" class="form-control" id="AmountSum" name="AmountSum"></textarea> -->

            <input type="button" class="ui-dialog" value="填写来源明细" onclick="ShowAmountDetail()" />

        </div>
    </div>
</div>

<script type="text/javascript">

    function ShowAmountDetail() {

        var xianshi = document.getElementById("tanchuang");
        var xsstyle = xianshi.style.visibility='visible';


        var index = layer.open({
            type: 1,
            title: '填写经费明细',
            shadeClose: false,
            skin: 'layui-layer-rim',
            area: ['600px', '580px'],
            maxmin: false,
            content: $('#tanchuang'),
            btn: ['确定', '关闭'],

            cancel: function(index, layero){     
                layer.close(index)      
                var xsstyle = document.getElementById("tanchuang");
                xsstyle.style.visibility='hidden';
            } 

            ,yes: function()
            {
                 var xianshi = document.getElementById("tanchuang");
                 var text = xianshi.innerText;
                // alert(text);

                layer.close(index);
                // var xianshi = document.getElementById("tanchuang");
                xianshi.style.visibility='hidden';
            }

            ,btn2: function()
            {
                layer.close(index);
                var xsstyle = document.getElementById("tanchuang");
                xsstyle.style.visibility='hidden';
            } 
        });
    }

</script>


<div id="tanchuang" class="ui-dialog" style="visibility:hidden">
  <br/><br/>请输入名字:<input type="text" name="">
  </input><br/><br/>做一个介绍:<br/><br/><div style="width:480px;margin:0px auto"><textarea id="CenterAmount" class="form-control" name="CenterAmount"></textarea></div>


</div>
</body>
</html>
  • 写回答

1条回答 默认 最新

  • dabocaiqq 2020-09-25 10:37
    关注
    评论

报告相同问题?

悬赏问题

  • ¥30 vs2010开发 WFP(windows filtering platform)
  • ¥15 服务端控制goose报文控制块的发布问题
  • ¥15 学习指导与未来导向啊
  • ¥15 求多普勒频移瞬时表达式
  • ¥15 如果要做一个老年人平板有哪些需求
  • ¥15 k8s生产配置推荐配置及部署方案
  • ¥15 matlab提取运动物体的坐标
  • ¥15 人大金仓下载,有人知道怎么解决吗
  • ¥15 一个小问题,本人刚入门,哪位可以help
  • ¥30 python安卓开发