AMP 编辑器增加多媒体图片选择

application/views/amp_editor.php

@@ -16,6 +16,15 @@
 <div class="container-fluid">
     <div class="row">
         <div class="preview_box" id="iframe_box"></div>
+        <div>
+            <h4>多媒体中心图片</h4>
+            <div class="input-group">
+                <input type="text" class="form-control" placeholder="请选择图片后复制地址到相应位置" id='selectedImageUrl'>
+                <span class="input-group-btn">
+                    <button class="btn btn-default" type="button" id='mediaButton'>选择</button>
+                </span>
+            </div>
+        </div>
         <div class="code_editor" id="editor"></div>
     </div>
 
@@ -94,6 +103,27 @@
 </script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.9/ace.js" type="text/javascript" charset="utf-8"></script>
 <script>
+    function openKCFinder_Root() {
+    var site_url = 'https://www.chinahighlights.com';
+    var weburl = encodeURI(site_url + '<?php echo $information->ic_url ?>');
+    window.CallBack = openKCFinder_Root_callback;
+    window.open('/media/popselectpicture.php?site_code=cht&site_lgc=1&WebUrl=' + weburl, 'kcfinder_textbox', 'status=0, toolbar=0, location=0, menubar=0, directories=0,resizable=1, scrollbars=0, width=800, height=600');
+  }
+
+  function openKCFinder_Root_callback(result) {
+    var site_image_url = 'http://202.103.68.44/upload';
+    if (result != null && result.Pinfo[0]) {
+      console.info(result.Pinfo[0]);      
+      $("#selectedImageUrl").val(result.Pinfo[0].PUrl);
+    }
+  }
+
+
+    $(function() {
+        $('#mediaButton').click(function() {
+            openKCFinder_Root();
+        });
+    });
                             var editor = ace.edit("editor");
                             editor.setTheme("ace/theme/eclipse");
                             editor.session.setMode("ace/mode/html");