...
| Thai |
|---|
วิธีที่ 1: URI ข้อมูล |
| English |
|---|
We can host the images "inline", inside the form (i.e. Custom HTML) or Userview menu (i.e. Rich Text Editor) itself. For example, we want to show the image below in a Rich Text Editor in Userview Builder. |
| Thai |
|---|
เราสามารถโฮสต์รูปภาพ "inline" ภายในฟอร์ม (เช่น Custom HTML) หรือเมนู Userview (เช่น Rich Text Editor) ตัวอย่างเช่นเราต้องการแสดงภาพด้านล่างใน Rich Text Editor ใน Userview Builder |
...
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 Userview Menu - Rich Text EditorHTML Page.
Thai ไปที่ตัวสร้าง Userview ของคุณแก้ไขเมนู Userview - Rich Text Editor
Click on HTML SourceFrom 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/
...