| Table of Contents |
|---|
| English |
|---|
Method 1: |
...
Data URIs |
| Thai |
|---|
วิธีที่ 1: URI ข้อมูล |
...
| Thai |
|---|
เราสามารถโฮสต์รูปภาพ "inline" ภายในฟอร์ม (เช่น Custom HTML) หรือเมนู Userview (เช่น Rich Text Editor) ตัวอย่างเช่นเราต้องการแสดงภาพด้านล่างใน Rich Text Editor ใน Userview Builder |
Figure 1: Sample photo
...
Save the photo above to your local.
Thai บันทึกภาพด้านบนเป็นของคุณ
Go to http://jpillora.com/base64-encoder/
Thai Drag the photo saved previously into the website above.
Thai ลากรูปภาพที่บันทึกไว้ก่อนหน้านี้ลงในเว็บไซต์ด้านบน
Copy the code generated.
Thai คัดลอกรหัสที่สร้าง
Go to your Userview Builder, edit the HTML Page.
Thai ไปที่ตัวสร้าง Userview ของคุณแก้ไขเมนู Userview - Rich Text Editor
From the content, in the View tab, click on Source Code.
Thai คลิกที่แหล่ง HTML
Add the img tag into the HTML Source Editor and put in the code copied earlier into the src attribute.
Thai เพิ่มแท็ก img ลงใน HTML Source Editor และใส่รหัสที่คัดลอกไว้ก่อนหน้านี้ลงในแอตทริบิวต์ src
Code Block <img src="PASTE THE CODE HERE"/>
Reference: https://css-tricks.com/data-uris/
...