From 0b3c40530f64eeee14257faa2844e9eb49511ce6 Mon Sep 17 00:00:00 2001
From: Dao Duc <ducdt@hurasoft.com>
Date: Mon, 15 Jan 2024 16:50:57 +0700
Subject: [PATCH] 15/01/2024, 17:00

---
 README.md | 32 ++++++++++++++++++++++----------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/README.md b/README.md
index a8c11cf..bace68d 100644
--- a/README.md
+++ b/README.md
@@ -6,7 +6,7 @@
 
 
 <h2>1. Cài đặt</h2>
-<code>
+<code style="padding: 0">
 
     /* 1. index.html */
     <iframe class="hura-main-content" id="js-hura-iframe" src="{// Url giao diện \\}"></iframe>
@@ -20,7 +20,7 @@
     </script>    
 </code>
 
-<code>
+<code style="padding: 0">
 
     /* 2. file giao diện. Các file dưới sẽ được thêm vào iframe. Function cài đặt Hura_Edit.Iframe.iframe_Setup() */
     <link rel="stylesheet" href="css/style.css"/> 
@@ -54,10 +54,10 @@
 </ul>
 
 
+<h2>2.1 Hướng dẫn đặt html chỉnh sửa giao diện </h2>
 
 <p> VD 1: Đổi ảnh hoặc banner sẽ dùng <b>data-hura-type="file"</b> </p>
-
-<code>
+<code style="padding: 0">
 
     <!-- // Logo -->
     <a class="js-hura-edit" data-hura-type="file">
@@ -72,8 +72,7 @@
 
 
 <p> VD 2: Sửa Text sẽ dùng <b>data-hura-type="text"</b> </p>
-
-<code>
+<code style="padding: 0">
 
     <div class="js-hura-edit" data-hura-type="text">
         <a target="_blank" href="https://demxanh.com/">Trang chủ</a>
@@ -91,8 +90,7 @@
 
 
 <p> VD 3: Sửa Vòng quay sẽ dùng <b>data-hura-type="wheel"</b> </p>
-
-<code>
+<code style="padding: 0">
 
     <div class="js-hura-edit" data-hura-type="wheel">
         <canvas id="canvas"></canvas>
@@ -100,10 +98,24 @@
 </code>
 
 <p> VD 4: Sửa Bảng trúng thưởng sẽ dùng <b>data-hura-type="reward"</b> </p>
-
-<code>
+<code style="padding: 0">
 
     <div class="js-hura-edit" data-hura-type="reward" style="padding: 4px;">
         <div id="js-recent-winners"><table class="text-14 text-12-mb w-100"><thead><tr><th>STT</th><th>Khách hàng</th><th>Giải thưởng</th><th>Thời gian</th></tr></thead><tbody><tr><td>1</td><td>***ngoc@gmail.com</td><td>Voucher 100K</td><td>15-Mar-2023 9:43</td></tr></table></div>
     </div>
+</code>
+
+
+<h2>2.2 Hướng dẫn đặt thẻ html cho kéo/thả</h2>
+
+<p> Để kéo/thả cần bọc thẻ html cha bằng <b>class="js-hura-drag"</b>. Các thẻ html cấp gần nhất với class sẽ được phép kéo/thả trong class đó.</p>
+
+<p>VD: Các thẻ <<span>a></span> bên trong class="js-hura-drag" sẽ được kéo đến vị trí khác trong class</p>
+<code style="padding: 0">
+
+    <div class="js-hura-edit js-hura-drag" data-hura-type="text">
+        <a target="_blank" href="https://demxanh.com/" class="item">Trang chủ</a>
+        <a target="_blank" href="https://demxanh.com/chinh-sach-bao-hanh.html" class="item"><span>Bảo hành</span></a>
+        <a target="_blank" href="https://demxanh.com/lien-he.html" class="item">Liên hệ</a>
+    </div>
 </code>
\ No newline at end of file