15/01/2024, 17:05

README.md

@@ -1,3 +1,5 @@
+<style>.markdown:not(code) code, .markdown:not(code) tt {padding: 0;}</style>
+
 <h1 style="text-align: center;">Hướng dẫn</h1>
 
 <p> Trong file giao diện, để hiển thị thanh công cụ chỉnh sửa cần có <b>class="js-hura-edit" và data-hura-type="{{type}}"</b> tương ứng. Trường hợp chỉ có 1 trong 2 yêu cầu trên sẽ không hiển thị thanh công cụ </p>
@@ -6,7 +8,7 @@
 
 
 <h2>1. Cài đặt</h2>
-<code style="padding: 0">
+<code>
 
     /* 1. index.html */
     <iframe class="hura-main-content" id="js-hura-iframe" src="{// Url giao diện \\}"></iframe>
@@ -20,7 +22,7 @@
     </script>    
 </code>
 
-<code style="padding: 0">
+<code>
 
     /* 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"/> 
@@ -57,7 +59,7 @@
 <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 style="padding: 0">
+<code>
 
     <!-- // Logo -->
     <a class="js-hura-edit" data-hura-type="file">
@@ -72,7 +74,7 @@
 
 
 <p> VD 2: Sửa Text sẽ dùng <b>data-hura-type="text"</b> </p>
-<code style="padding: 0">
+<code>
 
     <div class="js-hura-edit" data-hura-type="text">
         <a target="_blank" href="https://demxanh.com/">Trang chủ</a>
@@ -90,7 +92,7 @@
 
 
 <p> VD 3: Sửa Vòng quay sẽ dùng <b>data-hura-type="wheel"</b> </p>
-<code style="padding: 0">
+<code>
 
     <div class="js-hura-edit" data-hura-type="wheel">
         <canvas id="canvas"></canvas>
@@ -98,7 +100,7 @@
 </code>
 
 <p> VD 4: Sửa Bảng trúng thưởng sẽ dùng <b>data-hura-type="reward"</b> </p>
-<code style="padding: 0">
+<code>
 
     <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>
@@ -111,7 +113,7 @@
 <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">
+<code>
 
     <div class="js-hura-edit js-hura-drag" data-hura-type="text">
         <a target="_blank" href="https://demxanh.com/" class="item">Trang chủ</a>