From b9929b28984f49f87d66fd6e4fa7106e9ed00c0e Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Wed, 6 Jun 2018 09:12:50 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=A3=E5=86=B3AMP=E7=BC=96=E8=BE=91?=
 =?UTF-8?q?=E5=99=A8TEXTAREA=E7=9A=84=E9=94=99=E8=AF=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 application/views/amp_editor.php | 73 ++++++++++++++++----------------
 1 file changed, 37 insertions(+), 36 deletions(-)

diff --git a/application/views/amp_editor.php b/application/views/amp_editor.php
index 27edf2a6..b6d6e06e 100644
--- a/application/views/amp_editor.php
+++ b/application/views/amp_editor.php
@@ -12,7 +12,6 @@
     }
 </style>
 
-
 <div class="container-fluid">
     <div class="row">
         <div class="preview_box" id="iframe_box" ></div>
@@ -20,7 +19,7 @@
     </div>
     <hr/>
     <form name="form_amp_code" id="form_amp_code" method="post" action="<?php echo site_url('amp/edit_save') ?>">
-        <textarea id="textarea_htmlcode" name="textarea_htmlcode" style="display: none;"><?php echo get_meta($information->ic_id, 'AMP'); ?></textarea>
+        <textarea id="textarea_htmlcode" name="textarea_htmlcode" style="display: none;"></textarea>
         <input type="hidden" name="ic_id" value="<?php echo $information->ic_id; ?>" />
 
         <div class="row">
@@ -48,45 +47,47 @@
     <hr/>
 </div>
 
-
-
-
-
+<script type="text/x-template" id="amp_html">
+<?php echo htmlentities(get_meta($information->ic_id, 'AMP')); ?>
+</script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/ace/1.2.9/ace.js" type="text/javascript" charset="utf-8"></script>
 <script>
-                var editor = ace.edit("editor");
-                editor.setTheme("ace/theme/eclipse");
-                editor.session.setMode("ace/mode/html");
-                editor.setOptions({
-                    autoScrollEditorIntoView: true,
-                    wrap: true
-                });
+    var editor = ace.edit("editor");
+    editor.setTheme("ace/theme/eclipse");
+    editor.session.setMode("ace/mode/html");
+    editor.setOptions({
+        autoScrollEditorIntoView: true,
+        wrap: true
+    });
+
+    editor.getSession().on('change', function (e) {
+        update_preview();
+    });
 
-                editor.getSession().on('change', function (e) {
-                    update_preview();
-                });
-                editor.session.setValue($('#textarea_htmlcode').html($('#textarea_htmlcode').html()).text());
+    var temp_div = document.createElement("div");
+    temp_div.innerHTML = $('#amp_html').html();
+    editor.session.setValue(temp_div.textContent);
 
-                function update_preview() {
-                    //考虑做成异步操作，降低页面卡顿
-                    var iframe = document.createElement('iframe');
-                    iframe.setAttribute('frameBorder', '0');
-                    iframe.setAttribute('id', 'previewIframe');
-                    iframe.setAttribute('height', '100%');
-                    iframe.setAttribute('width', '100%');
-                    iframe.setAttribute('name', 'AMP Playground Output');
-                    $('#iframe_box').html('');
-                    $('#iframe_box').append(iframe);
-                    var doc = iframe.contentDocument || iframe.document;
-                    doc.open();
-                    doc.write(editor.getValue());
-                    doc.close();
-                }
+    function update_preview() {
+        //考虑做成异步操作，降低页面卡顿
+        var iframe = document.createElement('iframe');
+        iframe.setAttribute('frameBorder', '0');
+        iframe.setAttribute('id', 'previewIframe');
+        iframe.setAttribute('height', '100%');
+        iframe.setAttribute('width', '100%');
+        iframe.setAttribute('name', 'AMP Playground Output');
+        $('#iframe_box').html('');
+        $('#iframe_box').append(iframe);
+        var doc = iframe.contentDocument || iframe.document;
+        doc.open();
+        doc.write(editor.getValue());
+        doc.close();
+    }
 
-                function submit_amp_editor() {
-                    $('#textarea_htmlcode').text(editor.getValue()).html();
-                    submitForm('form_amp_code');
-                }
+    function submit_amp_editor() {
+        $('#textarea_htmlcode').text(editor.getValue()).html();
+        submitForm('form_amp_code');
+    }
 </script>